#2012f9 hex color

In a RGB color space, hex #2012f9 is composed of 12.5% red, 7.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 92.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 243.6 degrees, a saturation of 95.1% and a lightness of 52.4%. #2012f9 color hex could be obtained by blending #4024ff with #0000f3. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 7
- B 98
RGB color chart
- C 87
- M 93
- Y 0
- K 2
CMYK color chart

● #2012f9 color description : Vivid blue.

The hexadecimal color #2012f9 has RGB values of R:32, G:18, B:249 and CMYK values of C:0.87, M:0.93, Y:0, K:0.02. Its decimal value is 2102009.

Hex triplet	2012f9	`#2012f9`
RGB Decimal	32, 18, 249	`rgb(32,18,249)`
RGB Percent	12.5, 7.1, 97.6	`rgb(12.5%,7.1%,97.6%)`
CMYK	87, 93, 0, 2
HSL	243.6°, 95.1, 52.4	`hsl(243.6,95.1%,52.4%)`
HSV (or HSB)	243.6°, 92.8, 97.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.088, 75.053, -103.157
XYZ	17.907, 7.578, 90.136
xyY	0.155, 0.066, 7.578
CIE-LCH	33.088, 127.571, 306.038
CIE-LUV	33.088, -8.452, -128.473
Hunter-Lab	27.528, 67.943, -174.866
Binary	00100000, 00010010, 11111001

#2012f9
```
#2012f9 rgb(32,18,249)
```
#ebf912
```
#ebf912 rgb(235,249,18)
```

Complementary Color

#1278f9
```
#1278f9 rgb(18,120,249)
```
#2012f9
```
#2012f9 rgb(32,18,249)
```
#9412f9
```
#9412f9 rgb(148,18,249)
```

Analogous Color

#78f912
```
#78f912 rgb(120,249,18)
```
#2012f9
```
#2012f9 rgb(32,18,249)
```
#f99412
```
#f99412 rgb(249,148,18)
```

Split Complementary Color

#12f920
```
#12f920 rgb(18,249,32)
```
#2012f9
```
#2012f9 rgb(32,18,249)
```
#f92012
```
#f92012 rgb(249,32,18)
```

Triadic Color

#12ebf9
```
#12ebf9 rgb(18,235,249)
```
#2012f9
```
#2012f9 rgb(32,18,249)
```
#f92012
```
#f92012 rgb(249,32,18)
```
#ebf912
```
#ebf912 rgb(235,249,18)
```

Tetradic Color

#1005ba
```
#1005ba rgb(16,5,186)
```
#1205d3
```
#1205d3 rgb(18,5,211)
```
#1406ec
```
#1406ec rgb(20,6,236)
```
#2012f9
```
#2012f9 rgb(32,18,249)
```
#372bfa
```
#372bfa rgb(55,43,250)
```
#4f44fa
```
#4f44fa rgb(79,68,250)
```
#665dfb
```
#665dfb rgb(102,93,251)
```

Monochromatic Color

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

#123ef9
```
#123ef9 rgb(18,62,249)
```
#122bf9
```
#122bf9 rgb(18,43,249)
```
#1217f9
```
#1217f9 rgb(18,23,249)
```
#2012f9
```
#2012f9 rgb(32,18,249)
```
#3312f9
```
#3312f9 rgb(51,18,249)
```
#4612f9
```
#4612f9 rgb(70,18,249)
```
#5a12f9
```
#5a12f9 rgb(90,18,249)
```

Similar Colors

Text with hexadecimal color #2012f9

This text has a font color of #2012f9.

<span style="color:#2012f9;">Text here</span>

#2012f9 background color

This paragraph has a background color of #2012f9.

<p style="background-color:#2012f9;">Content here</p>

#2012f9 border color

This element has a border color of #2012f9.

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

CSS codes

.text {color:#2012f9;}

.background {background-color:#2012f9;}

.border {border:1px solid #2012f9;}

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, #01000c is the darkest color, while #f8f8ff is the lightest one.

#01000c
```
#01000c rgb(1,0,12)
```
#03011f
```
#03011f rgb(3,1,31)
```
#040132
```
#040132 rgb(4,1,50)
```
#060245
```
#060245 rgb(6,2,69)
```
#070258
```
#070258 rgb(7,2,88)
```
#09036b
```
#09036b rgb(9,3,107)
```
#0b037e
```
#0b037e rgb(11,3,126)
```
#0c0492
```
#0c0492 rgb(12,4,146)
```
#0e04a5
```
#0e04a5 rgb(14,4,165)
```
#1005b8
```
#1005b8 rgb(16,5,184)
```
#1105cb
```
#1105cb rgb(17,5,203)
```
#1306de
```
#1306de rgb(19,6,222)
```
#1406f1
```
#1406f1 rgb(20,6,241)
```

Shade Color Variation

#2012f9
```
#2012f9 rgb(32,18,249)
```
#3225f9
```
#3225f9 rgb(50,37,249)
```
#4438fa
```
#4438fa rgb(68,56,250)
```
#564bfa
```
#564bfa rgb(86,75,250)
```
#685ffb
```
#685ffb rgb(104,95,251)
```
#7a72fb
```
#7a72fb rgb(122,114,251)
```
#8c85fc
```
#8c85fc rgb(140,133,252)
```
#9e98fc
```
#9e98fc rgb(158,152,252)
```
#b0abfd
```
#b0abfd rgb(176,171,253)
```
#c2befd
```
#c2befd rgb(194,190,253)
```
#d4d1fe
```
#d4d1fe rgb(212,209,254)
```
#e6e4fe
```
#e6e4fe rgb(230,228,254)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#838289
```
#838289 rgb(131,130,137)
```
#7a7992
```
#7a7992 rgb(122,121,146)
```
#726f9c
```
#726f9c rgb(114,111,156)
```
#6a66a5
```
#6a66a5 rgb(106,102,165)
```
#625dae
```
#625dae rgb(98,93,174)
```
#5953b8
```
#5953b8 rgb(89,83,184)
```
#514ac1
```
#514ac1 rgb(81,74,193)
```
#4941ca
```
#4941ca rgb(73,65,202)
```
#4137d4
```
#4137d4 rgb(65,55,212)
```
#392edd
```
#392edd rgb(57,46,221)
```
#3025e6
```
#3025e6 rgb(48,37,230)
```
#281bf0
```
#281bf0 rgb(40,27,240)
```
#2012f9
```
#2012f9 rgb(32,18,249)
```

Tone Color Variation

Below, you can see how #2012f9 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

#313131 Achromatopsia 0.005% of the population
#2e2b59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#0b3cc2 Protanomaly 1% of men, 0.01% of women
#0b3fb4 Deuteranomaly 6% of men, 0.4% of women
#0b4399 Tritanomaly 0.01% of the population

#2012f9 hex color

#2012f9 Color Information

#2012f9 Color Conversion

Color Schemes with #2012f9

Alternatives to #2012f9

#2012f9 Preview

Shades and Tints of #2012f9

Tones of #2012f9

Color Blindness Simulator