#3100f5 hex color

In a RGB color space, hex #3100f5 is composed of 19.2% red, 0% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 100% magenta, 0% yellow and 3.9% black. It has a hue angle of 252 degrees, a saturation of 100% and a lightness of 48%. #3100f5 color hex could be obtained by blending #6200ff with #0000eb. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 19
- G 0
- B 96
RGB color chart
- C 80
- M 100
- Y 0
- K 4
CMYK color chart

● #3100f5 color description : Pure (or mostly pure) blue.

The hexadecimal color #3100f5 has RGB values of R:49, G:0, B:245 and CMYK values of C:0.8, M:1, Y:0, K:0.04. Its decimal value is 3211509.

Hex triplet	3100f5	`#3100f5`
RGB Decimal	49, 0, 245	`rgb(49,0,245)`
RGB Percent	19.2, 0, 96.1	`rgb(19.2%,0%,96.1%)`
CMYK	80, 100, 0, 4
HSL	252°, 100, 48	`hsl(252,100%,48%)`
HSV (or HSB)	252°, 100, 96.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.357, 77.334, -102.103
XYZ	17.745, 7.244, 86.844
xyY	0.159, 0.065, 7.244
CIE-LCH	32.357, 128.084, 307.141
CIE-LUV	32.357, -6.059, -126.124
Hunter-Lab	26.915, 70.58, -172.462
Binary	00110001, 00000000, 11110101

#3100f5
```
#3100f5 rgb(49,0,245)
```
#c4f500
```
#c4f500 rgb(196,245,0)
```

Complementary Color

#004af5
```
#004af5 rgb(0,74,245)
```
#3100f5
```
#3100f5 rgb(49,0,245)
```
#ac00f5
```
#ac00f5 rgb(172,0,245)
```

Analogous Color

#4af500
```
#4af500 rgb(74,245,0)
```
#3100f5
```
#3100f5 rgb(49,0,245)
```
#f5ac00
```
#f5ac00 rgb(245,172,0)
```

Split Complementary Color

#00f531
```
#00f531 rgb(0,245,49)
```
#3100f5
```
#3100f5 rgb(49,0,245)
```
#f53100
```
#f53100 rgb(245,49,0)
```

Triadic Color

#00c4f5
```
#00c4f5 rgb(0,196,245)
```
#3100f5
```
#3100f5 rgb(49,0,245)
```
#f53100
```
#f53100 rgb(245,49,0)
```
#c4f500
```
#c4f500 rgb(196,245,0)
```

Tetradic Color

#2200a9
```
#2200a9 rgb(34,0,169)
```
#2700c2
```
#2700c2 rgb(39,0,194)
```
#2c00dc
```
#2c00dc rgb(44,0,220)
```
#3100f5
```
#3100f5 rgb(49,0,245)
```
#3f10ff
```
#3f10ff rgb(63,16,255)
```
#5429ff
```
#5429ff rgb(84,41,255)
```
#6843ff
```
#6843ff rgb(104,67,255)
```

Monochromatic Color

Below, you can see some colors close to #3100f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#000cf5
```
#000cf5 rgb(0,12,245)
```
#0800f5
```
#0800f5 rgb(8,0,245)
```
#1d00f5
```
#1d00f5 rgb(29,0,245)
```
#3100f5
```
#3100f5 rgb(49,0,245)
```
#4500f5
```
#4500f5 rgb(69,0,245)
```
#5a00f5
```
#5a00f5 rgb(90,0,245)
```
#6e00f5
```
#6e00f5 rgb(110,0,245)
```

Similar Colors

Text with hexadecimal color #3100f5

This text has a font color of #3100f5.

<span style="color:#3100f5;">Text here</span>

#3100f5 background color

This paragraph has a background color of #3100f5.

<p style="background-color:#3100f5;">Content here</p>

#3100f5 border color

This element has a border color of #3100f5.

<div style="border:1px solid #3100f5;">Content here</div>

CSS codes

.text {color:#3100f5;}

.background {background-color:#3100f5;}

.border {border:1px solid #3100f5;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #02000a is the darkest color, while #f7f5ff is the lightest one.

#02000a
```
#02000a rgb(2,0,10)
```
#06001d
```
#06001d rgb(6,0,29)
```
#0a0031
```
#0a0031 rgb(10,0,49)
```
#0e0044
```
#0e0044 rgb(14,0,68)
```
#120058
```
#120058 rgb(18,0,88)
```
#16006c
```
#16006c rgb(22,0,108)
```
#19007f
```
#19007f rgb(25,0,127)
```
#1d0093
```
#1d0093 rgb(29,0,147)
```
#2100a7
```
#2100a7 rgb(33,0,167)
```
#2500ba
```
#2500ba rgb(37,0,186)
```
#2900ce
```
#2900ce rgb(41,0,206)
```
#2d00e1
```
#2d00e1 rgb(45,0,225)
```
#3100f5
```
#3100f5 rgb(49,0,245)
```

Shade Color Variation

#3b0aff
```
#3b0aff rgb(59,10,255)
```
#4a1dff
```
#4a1dff rgb(74,29,255)
```
#5a31ff
```
#5a31ff rgb(90,49,255)
```
#6a44ff
```
#6a44ff rgb(106,68,255)
```
#7958ff
```
#7958ff rgb(121,88,255)
```
#896cff
```
#896cff rgb(137,108,255)
```
#997fff
```
#997fff rgb(153,127,255)
```
#a993ff
```
#a993ff rgb(169,147,255)
```
#b8a7ff
```
#b8a7ff rgb(184,167,255)
```
#c8baff
```
#c8baff rgb(200,186,255)
```
#d8ceff
```
#d8ceff rgb(216,206,255)
```
#e7e1ff
```
#e7e1ff rgb(231,225,255)
```
#f7f5ff
```
#f7f5ff rgb(247,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757184 is the less saturated color, while #3100f5 is the most saturated one.

#757184
```
#757184 rgb(117,113,132)
```
#6f688d
```
#6f688d rgb(111,104,141)
```
#6a5e97
```
#6a5e97 rgb(106,94,151)
```
#6455a0
```
#6455a0 rgb(100,85,160)
```
#5e4baa
```
#5e4baa rgb(94,75,170)
```
#5942b3
```
#5942b3 rgb(89,66,179)
```
#5339bc
```
#5339bc rgb(83,57,188)
```
#4d2fc6
```
#4d2fc6 rgb(77,47,198)
```
#4826cf
```
#4826cf rgb(72,38,207)
```
#421cd9
```
#421cd9 rgb(66,28,217)
```
#3c13e2
```
#3c13e2 rgb(60,19,226)
```
#3709ec
```
#3709ec rgb(55,9,236)
```
#3100f5
```
#3100f5 rgb(49,0,245)
```

Tone Color Variation

Below, you can see how #3100f5 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#2b2b2b Achromatopsia 0.005% of the population
#2c2253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a0 Protanopia 1% of men
#00588a Deuteranopia 1% of men
#005e61 Tritanopia 0.001% of the population

Trichromacy

#1134bf Protanomaly 1% of men, 0.01% of women
#1138b1 Deuteranomaly 6% of men, 0.4% of women
#113b97 Tritanomaly 0.01% of the population

#3100f5 hex color

#3100f5 Color Information

#3100f5 Color Conversion

Color Schemes with #3100f5

Alternatives to #3100f5

#3100f5 Preview

Shades and Tints of #3100f5

Tones of #3100f5

Color Blindness Simulator