#012fb0 hex color

In a RGB color space, hex #012fb0 is composed of 0.4% red, 18.4% green and 69% blue. Whereas in a CMYK color space, it is composed of 99.4% cyan, 73.3% magenta, 0% yellow and 31% black. It has a hue angle of 224.2 degrees, a saturation of 98.9% and a lightness of 34.7%. #012fb0 color hex could be obtained by blending #025eff with #000061. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 18
- B 69
RGB color chart
- C 99
- M 73
- Y 0
- K 31
CMYK color chart

● #012fb0 color description : Dark blue.

The hexadecimal color #012fb0 has RGB values of R:1, G:47, B:176 and CMYK values of C:0.99, M:0.73, Y:0, K:0.31. Its decimal value is 77744.

Hex triplet	012fb0	`#012fb0`
RGB Decimal	1, 47, 176	`rgb(1,47,176)`
RGB Percent	0.4, 18.4, 69	`rgb(0.4%,18.4%,69%)`
CMYK	99, 73, 0, 31
HSL	224.2°, 98.9, 34.7	`hsl(224.2,98.9%,34.7%)`
HSV (or HSB)	224.2°, 99.4, 69
Web Safe	003399	`#003399`

CIE-LAB	27.223, 40.436, -70.606
XYZ	8.864, 5.173, 41.603
xyY	0.159, 0.093, 5.173
CIE-LCH	27.223, 81.365, 299.8
CIE-LUV	27.223, -10.625, -87.752
Hunter-Lab	22.745, 29.759, -92.527
Binary	00000001, 00101111, 10110000

#012fb0
```
#012fb0 rgb(1,47,176)
```
#b08201
```
#b08201 rgb(176,130,1)
```

Complementary Color

#0187b0
```
#0187b0 rgb(1,135,176)
```
#012fb0
```
#012fb0 rgb(1,47,176)
```
#2a01b0
```
#2a01b0 rgb(42,1,176)
```

Analogous Color

#87b001
```
#87b001 rgb(135,176,1)
```
#012fb0
```
#012fb0 rgb(1,47,176)
```
#b02a01
```
#b02a01 rgb(176,42,1)
```

Split Complementary Color

#2fb001
```
#2fb001 rgb(47,176,1)
```
#012fb0
```
#012fb0 rgb(1,47,176)
```
#b0012f
```
#b0012f rgb(176,1,47)
```

Triadic Color

#01b082
```
#01b082 rgb(1,176,130)
```
#012fb0
```
#012fb0 rgb(1,47,176)
```
#b0012f
```
#b0012f rgb(176,1,47)
```
#b08201
```
#b08201 rgb(176,130,1)
```

Tetradic Color

#011b64
```
#011b64 rgb(1,27,100)
```
#01217d
```
#01217d rgb(1,33,125)
```
#012897
```
#012897 rgb(1,40,151)
```
#012fb0
```
#012fb0 rgb(1,47,176)
```
#0136c9
```
#0136c9 rgb(1,54,201)
```
#013de3
```
#013de3 rgb(1,61,227)
```
#0143fc
```
#0143fc rgb(1,67,252)
```

Monochromatic Color

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

#015bb0
```
#015bb0 rgb(1,91,176)
```
#014cb0
```
#014cb0 rgb(1,76,176)
```
#013eb0
```
#013eb0 rgb(1,62,176)
```
#012fb0
```
#012fb0 rgb(1,47,176)
```
#0120b0
```
#0120b0 rgb(1,32,176)
```
#0112b0
```
#0112b0 rgb(1,18,176)
```
#0103b0
```
#0103b0 rgb(1,3,176)
```

Similar Colors

Text with hexadecimal color #012fb0

This text has a font color of #012fb0.

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

#012fb0 background color

This paragraph has a background color of #012fb0.

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

#012fb0 border color

This element has a border color of #012fb0.

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

CSS codes

.text {color:#012fb0;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000514
```
#000514 rgb(0,5,20)
```
#000b27
```
#000b27 rgb(0,11,39)
```
#00103b
```
#00103b rgb(0,16,59)
```
#00154e
```
#00154e rgb(0,21,78)
```
#011a62
```
#011a62 rgb(1,26,98)
```
#011f75
```
#011f75 rgb(1,31,117)
```
#012589
```
#012589 rgb(1,37,137)
```
#012a9c
```
#012a9c rgb(1,42,156)
```
#012fb0
```
#012fb0 rgb(1,47,176)
```
#0134c4
```
#0134c4 rgb(1,52,196)
```
#0139d7
```
#0139d7 rgb(1,57,215)
```
#013feb
```
#013feb rgb(1,63,235)
```

Shade Color Variation

#0244fe
```
#0244fe rgb(2,68,254)
```
#1552fe
```
#1552fe rgb(21,82,254)
```
#2961fe
```
#2961fe rgb(41,97,254)
```
#3c6ffe
```
#3c6ffe rgb(60,111,254)
```
#507efe
```
#507efe rgb(80,126,254)
```
#638cfe
```
#638cfe rgb(99,140,254)
```
#779afe
```
#779afe rgb(119,154,254)
```
#8aa9fe
```
#8aa9fe rgb(138,169,254)
```
#9eb7fe
```
#9eb7fe rgb(158,183,254)
```
#b1c6ff
```
#b1c6ff rgb(177,198,255)
```
#c5d4ff
```
#c5d4ff rgb(197,212,255)
```
#d8e3ff
```
#d8e3ff rgb(216,227,255)
```
#ecf1ff
```
#ecf1ff rgb(236,241,255)
```

Tint Color Variation

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

#53565e
```
#53565e rgb(83,86,94)
```
#4c5365
```
#4c5365 rgb(76,83,101)
```
#454f6c
```
#454f6c rgb(69,79,108)
```
#3e4c73
```
#3e4c73 rgb(62,76,115)
```
#37497a
```
#37497a rgb(55,73,122)
```
#314680
```
#314680 rgb(49,70,128)
```
#2a4287
```
#2a4287 rgb(42,66,135)
```
#233f8e
```
#233f8e rgb(35,63,142)
```
#1c3c95
```
#1c3c95 rgb(28,60,149)
```
#15399c
```
#15399c rgb(21,57,156)
```
#0f35a2
```
#0f35a2 rgb(15,53,162)
```
#0832a9
```
#0832a9 rgb(8,50,169)
```
#012fb0
```
#012fb0 rgb(1,47,176)
```

Tone Color Variation

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

#00488c Protanopia 1% of men
#004c79 Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#003f99 Protanomaly 1% of men, 0.01% of women
#00418d Deuteranomaly 6% of men, 0.4% of women
#004576 Tritanomaly 0.01% of the population

#012fb0 hex color

#012fb0 Color Information

#012fb0 Color Conversion

Color Schemes with #012fb0

Alternatives to #012fb0

#012fb0 Preview

Shades and Tints of #012fb0

Tones of #012fb0

Color Blindness Simulator