#012fb3 hex color

In a RGB color space, hex #012fb3 is composed of 0.4% red, 18.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 99.4% cyan, 73.7% magenta, 0% yellow and 29.8% black. It has a hue angle of 224.5 degrees, a saturation of 98.9% and a lightness of 35.3%. #012fb3 color hex could be obtained by blending #025eff with #000067. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 18
- B 70
RGB color chart
- C 99
- M 74
- Y 0
- K 30
CMYK color chart

● #012fb3 color description : Strong blue.

The hexadecimal color #012fb3 has RGB values of R:1, G:47, B:179 and CMYK values of C:0.99, M:0.74, Y:0, K:0.3. Its decimal value is 77747.

Hex triplet	012fb3	`#012fb3`
RGB Decimal	1, 47, 179	`rgb(1,47,179)`
RGB Percent	0.4, 18.4, 70.2	`rgb(0.4%,18.4%,70.2%)`
CMYK	99, 74, 0, 30
HSL	224.5°, 98.9, 35.3	`hsl(224.5,98.9%,35.3%)`
HSV (or HSB)	224.5°, 99.4, 70.2
Web Safe	0033cc	`#0033cc`

CIE-LAB	27.555, 41.537, -71.849
XYZ	9.164, 5.293, 43.184
xyY	0.159, 0.092, 5.293
CIE-LCH	27.555, 82.992, 300.033
CIE-LUV	27.555, -10.669, -89.524
Hunter-Lab	23.007, 30.835, -95.18
Binary	00000001, 00101111, 10110011

#012fb3
```
#012fb3 rgb(1,47,179)
```
#b38501
```
#b38501 rgb(179,133,1)
```

Complementary Color

#0188b3
```
#0188b3 rgb(1,136,179)
```
#012fb3
```
#012fb3 rgb(1,47,179)
```
#2c01b3
```
#2c01b3 rgb(44,1,179)
```

Analogous Color

#88b301
```
#88b301 rgb(136,179,1)
```
#012fb3
```
#012fb3 rgb(1,47,179)
```
#b32c01
```
#b32c01 rgb(179,44,1)
```

Split Complementary Color

#2fb301
```
#2fb301 rgb(47,179,1)
```
#012fb3
```
#012fb3 rgb(1,47,179)
```
#b3012f
```
#b3012f rgb(179,1,47)
```

Triadic Color

#01b385
```
#01b385 rgb(1,179,133)
```
#012fb3
```
#012fb3 rgb(1,47,179)
```
#b3012f
```
#b3012f rgb(179,1,47)
```
#b38501
```
#b38501 rgb(179,133,1)
```

Tetradic Color

#011b67
```
#011b67 rgb(1,27,103)
```
#012280
```
#012280 rgb(1,34,128)
```
#01289a
```
#01289a rgb(1,40,154)
```
#012fb3
```
#012fb3 rgb(1,47,179)
```
#0136cc
```
#0136cc rgb(1,54,204)
```
#013ce6
```
#013ce6 rgb(1,60,230)
```
#0344fe
```
#0344fe rgb(3,68,254)
```

Monochromatic Color

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

#015cb3
```
#015cb3 rgb(1,92,179)
```
#014db3
```
#014db3 rgb(1,77,179)
```
#013eb3
```
#013eb3 rgb(1,62,179)
```
#012fb3
```
#012fb3 rgb(1,47,179)
```
#0120b3
```
#0120b3 rgb(1,32,179)
```
#0111b3
```
#0111b3 rgb(1,17,179)
```
#0102b3
```
#0102b3 rgb(1,2,179)
```

Similar Colors

Text with hexadecimal color #012fb3

This text has a font color of #012fb3.

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

#012fb3 background color

This paragraph has a background color of #012fb3.

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

#012fb3 border color

This element has a border color of #012fb3.

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

CSS codes

.text {color:#012fb3;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000617
```
#000617 rgb(0,6,23)
```
#000b2a
```
#000b2a rgb(0,11,42)
```
#00103e
```
#00103e rgb(0,16,62)
```
#001551
```
#001551 rgb(0,21,81)
```
#011b65
```
#011b65 rgb(1,27,101)
```
#012078
```
#012078 rgb(1,32,120)
```
#01258c
```
#01258c rgb(1,37,140)
```
#012a9f
```
#012a9f rgb(1,42,159)
```
#012fb3
```
#012fb3 rgb(1,47,179)
```
#0134c7
```
#0134c7 rgb(1,52,199)
```
#0139da
```
#0139da rgb(1,57,218)
```
#013eee
```
#013eee rgb(1,62,238)
```

Shade Color Variation

#0545fe
```
#0545fe rgb(5,69,254)
```
#1854fe
```
#1854fe rgb(24,84,254)
```
#2c62fe
```
#2c62fe rgb(44,98,254)
```
#3f71fe
```
#3f71fe rgb(63,113,254)
```
#537ffe
```
#537ffe rgb(83,127,254)
```
#668efe
```
#668efe rgb(102,142,254)
```
#7a9cfe
```
#7a9cfe rgb(122,156,254)
```
#8dabfe
```
#8dabfe rgb(141,171,254)
```
#a1b9fe
```
#a1b9fe rgb(161,185,254)
```
#b4c8ff
```
#b4c8ff rgb(180,200,255)
```
#c8d6ff
```
#c8d6ff rgb(200,214,255)
```
#dbe5ff
```
#dbe5ff rgb(219,229,255)
```
#eff3ff
```
#eff3ff rgb(239,243,255)
```

Tint Color Variation

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

#545760
```
#545760 rgb(84,87,96)
```
#4d5467
```
#4d5467 rgb(77,84,103)
```
#46506e
```
#46506e rgb(70,80,110)
```
#3f4d75
```
#3f4d75 rgb(63,77,117)
```
#384a7c
```
#384a7c rgb(56,74,124)
```
#314683
```
#314683 rgb(49,70,131)
```
#2b4389
```
#2b4389 rgb(43,67,137)
```
#244090
```
#244090 rgb(36,64,144)
```
#1d3c97
```
#1d3c97 rgb(29,60,151)
```
#16399e
```
#16399e rgb(22,57,158)
```
#0f36a5
```
#0f36a5 rgb(15,54,165)
```
#0832ac
```
#0832ac rgb(8,50,172)
```
#012fb3
```
#012fb3 rgb(1,47,179)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#27304a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004d7a Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#003f9b Protanomaly 1% of men, 0.01% of women
#00428e Deuteranomaly 6% of men, 0.4% of women
#004577 Tritanomaly 0.01% of the population

#012fb3 hex color

#012fb3 Color Information

#012fb3 Color Conversion

Color Schemes with #012fb3

Alternatives to #012fb3

#012fb3 Preview

Shades and Tints of #012fb3

Tones of #012fb3

Color Blindness Simulator