#012fd9 hex color

In a RGB color space, hex #012fd9 is composed of 0.4% red, 18.4% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 78.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 227.2 degrees, a saturation of 99.1% and a lightness of 42.7%. #012fd9 color hex could be obtained by blending #025eff with #0000b3. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 18
- B 85
RGB color chart
- C 100
- M 78
- Y 0
- K 15
CMYK color chart

● #012fd9 color description : Vivid blue.

The hexadecimal color #012fd9 has RGB values of R:1, G:47, B:217 and CMYK values of C:1, M:0.78, Y:0, K:0.15. Its decimal value is 77785.

Hex triplet	012fd9	`#012fd9`
RGB Decimal	1, 47, 217	`rgb(1,47,217)`
RGB Percent	0.4, 18.4, 85.1	`rgb(0.4%,18.4%,85.1%)`
CMYK	100, 78, 0, 15
HSL	227.2°, 99.1, 42.7	`hsl(227.2,99.1%,42.7%)`
HSV (or HSB)	227.2°, 99.5, 85.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.916, 54.668, -86.893
XYZ	13.551, 7.048, 66.288
xyY	0.156, 0.081, 7.048
CIE-LCH	31.916, 102.66, 302.176
CIE-LUV	31.916, -11.394, -111.589
Hunter-Lab	26.548, 44.651, -129.456
Binary	00000001, 00101111, 11011001

#012fd9
```
#012fd9 rgb(1,47,217)
```
#d9ab01
```
#d9ab01 rgb(217,171,1)
```

Complementary Color

#019bd9
```
#019bd9 rgb(1,155,217)
```
#012fd9
```
#012fd9 rgb(1,47,217)
```
#3f01d9
```
#3f01d9 rgb(63,1,217)
```

Analogous Color

#9bd901
```
#9bd901 rgb(155,217,1)
```
#012fd9
```
#012fd9 rgb(1,47,217)
```
#d93f01
```
#d93f01 rgb(217,63,1)
```

Split Complementary Color

#2fd901
```
#2fd901 rgb(47,217,1)
```
#012fd9
```
#012fd9 rgb(1,47,217)
```
#d9012f
```
#d9012f rgb(217,1,47)
```

Triadic Color

#01d9ab
```
#01d9ab rgb(1,217,171)
```
#012fd9
```
#012fd9 rgb(1,47,217)
```
#d9012f
```
#d9012f rgb(217,1,47)
```
#d9ab01
```
#d9ab01 rgb(217,171,1)
```

Tetradic Color

#011f8d
```
#011f8d rgb(1,31,141)
```
#0124a6
```
#0124a6 rgb(1,36,166)
```
#012ac0
```
#012ac0 rgb(1,42,192)
```
#012fd9
```
#012fd9 rgb(1,47,217)
```
#0134f2
```
#0134f2 rgb(1,52,242)
```
#0f42fe
```
#0f42fe rgb(15,66,254)
```
#2856fe
```
#2856fe rgb(40,86,254)
```

Monochromatic Color

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

#0165d9
```
#0165d9 rgb(1,101,217)
```
#0153d9
```
#0153d9 rgb(1,83,217)
```
#0141d9
```
#0141d9 rgb(1,65,217)
```
#012fd9
```
#012fd9 rgb(1,47,217)
```
#011dd9
```
#011dd9 rgb(1,29,217)
```
#010bd9
```
#010bd9 rgb(1,11,217)
```
#0901d9
```
#0901d9 rgb(9,1,217)
```

Similar Colors

Text with hexadecimal color #012fd9

This text has a font color of #012fd9.

<span style="color:#012fd9;">Text here</span>

#012fd9 background color

This paragraph has a background color of #012fd9.

<p style="background-color:#012fd9;">Content here</p>

#012fd9 border color

This element has a border color of #012fd9.

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

CSS codes

.text {color:#012fd9;}

.background {background-color:#012fd9;}

.border {border:1px solid #012fd9;}

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, #000002 is the darkest color, while #eef1ff is the lightest one.

#000002
```
#000002 rgb(0,0,2)
```
#000516
```
#000516 rgb(0,5,22)
```
#000929
```
#000929 rgb(0,9,41)
```
#000d3d
```
#000d3d rgb(0,13,61)
```
#001150
```
#001150 rgb(0,17,80)
```
#001664
```
#001664 rgb(0,22,100)
```
#011a77
```
#011a77 rgb(1,26,119)
```
#011e8b
```
#011e8b rgb(1,30,139)
```
#01229e
```
#01229e rgb(1,34,158)
```
#0127b2
```
#0127b2 rgb(1,39,178)
```
#012bc5
```
#012bc5 rgb(1,43,197)
```
#012fd9
```
#012fd9 rgb(1,47,217)
```
#0133ed
```
#0133ed rgb(1,51,237)
```

Shade Color Variation

#0339fe
```
#0339fe rgb(3,57,254)
```
#1748fe
```
#1748fe rgb(23,72,254)
```
#2a57fe
```
#2a57fe rgb(42,87,254)
```
#3e67fe
```
#3e67fe rgb(62,103,254)
```
#5176fe
```
#5176fe rgb(81,118,254)
```
#6586fe
```
#6586fe rgb(101,134,254)
```
#7995fe
```
#7995fe rgb(121,149,254)
```
#8ca4fe
```
#8ca4fe rgb(140,164,254)
```
#a0b4ff
```
#a0b4ff rgb(160,180,255)
```
#b3c3ff
```
#b3c3ff rgb(179,195,255)
```
#c7d3ff
```
#c7d3ff rgb(199,211,255)
```
#dae2ff
```
#dae2ff rgb(218,226,255)
```
#eef1ff
```
#eef1ff rgb(238,241,255)
```

Tint Color Variation

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

#666974
```
#666974 rgb(102,105,116)
```
#5d647d
```
#5d647d rgb(93,100,125)
```
#555f85
```
#555f85 rgb(85,95,133)
```
#4c5a8e
```
#4c5a8e rgb(76,90,142)
```
#445696
```
#445696 rgb(68,86,150)
```
#3c519e
```
#3c519e rgb(60,81,158)
```
#334ca7
```
#334ca7 rgb(51,76,167)
```
#2b47af
```
#2b47af rgb(43,71,175)
```
#2342b7
```
#2342b7 rgb(35,66,183)
```
#1a3dc0
```
#1a3dc0 rgb(26,61,192)
```
#1239c8
```
#1239c8 rgb(18,57,200)
```
#0934d1
```
#0934d1 rgb(9,52,209)
```
#012fd9
```
#012fd9 rgb(1,47,217)
```

Tone Color Variation

Below, you can see how #012fd9 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

#353535 Achromatopsia 0.005% of the population
#2b3456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005689 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0045b4 Protanomaly 1% of men, 0.01% of women
#0048a6 Deuteranomaly 6% of men, 0.4% of women
#004c8c Tritanomaly 0.01% of the population

#012fd9 hex color

#012fd9 Color Information

#012fd9 Color Conversion

Color Schemes with #012fd9

Alternatives to #012fd9

#012fd9 Preview

Shades and Tints of #012fd9

Tones of #012fd9

Color Blindness Simulator