#012f66 hex color

In a RGB color space, hex #012f66 is composed of 0.4% red, 18.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 53.9% magenta, 0% yellow and 60% black. It has a hue angle of 212.7 degrees, a saturation of 98.1% and a lightness of 20.2%. #012f66 color hex could be obtained by blending #025ecc with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 0
- G 18
- B 40
RGB color chart
- C 99
- M 54
- Y 0
- K 60
CMYK color chart

● #012f66 color description : Very dark blue.

The hexadecimal color #012f66 has RGB values of R:1, G:47, B:102 and CMYK values of C:0.99, M:0.54, Y:0, K:0.6. Its decimal value is 77670.

Hex triplet	012f66	`#012f66`
RGB Decimal	1, 47, 102	`rgb(1,47,102)`
RGB Percent	0.4, 18.4, 40	`rgb(0.4%,18.4%,40%)`
CMYK	99, 54, 0, 60
HSL	212.7°, 98.1, 20.2	`hsl(212.7,98.1%,20.2%)`
HSV (or HSB)	212.7°, 99, 40
Web Safe	003366	`#003366`

CIE-LAB	20.038, 9.843, -36.267
XYZ	3.427, 2.998, 12.968
xyY	0.177, 0.155, 2.998
CIE-LCH	20.038, 37.579, 285.184
CIE-LUV	20.038, -10.639, -41.481
Hunter-Lab	17.316, 5.021, -32.28
Binary	00000001, 00101111, 01100110

#012f66
```
#012f66 rgb(1,47,102)
```
#663801
```
#663801 rgb(102,56,1)
```

Complementary Color

#016266
```
#016266 rgb(1,98,102)
```
#012f66
```
#012f66 rgb(1,47,102)
```
#060166
```
#060166 rgb(6,1,102)
```

Analogous Color

#626601
```
#626601 rgb(98,102,1)
```
#012f66
```
#012f66 rgb(1,47,102)
```
#660601
```
#660601 rgb(102,6,1)
```

Split Complementary Color

#2f6601
```
#2f6601 rgb(47,102,1)
```
#012f66
```
#012f66 rgb(1,47,102)
```
#66012f
```
#66012f rgb(102,1,47)
```

Triadic Color

#016638
```
#016638 rgb(1,102,56)
```
#012f66
```
#012f66 rgb(1,47,102)
```
#66012f
```
#66012f rgb(102,1,47)
```
#663801
```
#663801 rgb(102,56,1)
```

Tetradic Color

#000c1a
```
#000c1a rgb(0,12,26)
```
#011833
```
#011833 rgb(1,24,51)
```
#01234d
```
#01234d rgb(1,35,77)
```
#012f66
```
#012f66 rgb(1,47,102)
```
#013b7f
```
#013b7f rgb(1,59,127)
```
#014699
```
#014699 rgb(1,70,153)
```
#0252b2
```
#0252b2 rgb(2,82,178)
```

Monochromatic Color

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

#014866
```
#014866 rgb(1,72,102)
```
#014066
```
#014066 rgb(1,64,102)
```
#013766
```
#013766 rgb(1,55,102)
```
#012f66
```
#012f66 rgb(1,47,102)
```
#012766
```
#012766 rgb(1,39,102)
```
#011e66
```
#011e66 rgb(1,30,102)
```
#011666
```
#011666 rgb(1,22,102)
```

Similar Colors

Text with hexadecimal color #012f66

This text has a font color of #012f66.

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

#012f66 background color

This paragraph has a background color of #012f66.

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

#012f66 border color

This element has a border color of #012f66.

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

CSS codes

.text {color:#012f66;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000b18
```
#000b18 rgb(0,11,24)
```
#00142c
```
#00142c rgb(0,20,44)
```
#011d3f
```
#011d3f rgb(1,29,63)
```
#012653
```
#012653 rgb(1,38,83)
```
#012f66
```
#012f66 rgb(1,47,102)
```
#013879
```
#013879 rgb(1,56,121)
```
#01418d
```
#01418d rgb(1,65,141)
```
#024aa0
```
#024aa0 rgb(2,74,160)
```
#0253b4
```
#0253b4 rgb(2,83,180)
```
#025cc7
```
#025cc7 rgb(2,92,199)
```
#0265db
```
#0265db rgb(2,101,219)
```
#026eee
```
#026eee rgb(2,110,238)
```

Shade Color Variation

#0777fd
```
#0777fd rgb(7,119,253)
```
#1b82fd
```
#1b82fd rgb(27,130,253)
```
#2e8cfd
```
#2e8cfd rgb(46,140,253)
```
#4297fd
```
#4297fd rgb(66,151,253)
```
#55a2fd
```
#55a2fd rgb(85,162,253)
```
#68acfe
```
#68acfe rgb(104,172,254)
```
#7cb7fe
```
#7cb7fe rgb(124,183,254)
```
#8fc2fe
```
#8fc2fe rgb(143,194,254)
```
#a3ccfe
```
#a3ccfe rgb(163,204,254)
```
#b6d7fe
```
#b6d7fe rgb(182,215,254)
```
#cae2fe
```
#cae2fe rgb(202,226,254)
```
#ddecff
```
#ddecff rgb(221,236,255)
```
#f0f7ff
```
#f0f7ff rgb(240,247,255)
```

Tint Color Variation

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

#313336
```
#313336 rgb(49,51,54)
```
#2d333a
```
#2d333a rgb(45,51,58)
```
#29333e
```
#29333e rgb(41,51,62)
```
#253242
```
#253242 rgb(37,50,66)
```
#213246
```
#213246 rgb(33,50,70)
```
#1d314a
```
#1d314a rgb(29,49,74)
```
#19314e
```
#19314e rgb(25,49,78)
```
#153152
```
#153152 rgb(21,49,82)
```
#113056
```
#113056 rgb(17,48,86)
```
#0d305a
```
#0d305a rgb(13,48,90)
```
#09305e
```
#09305e rgb(9,48,94)
```
#052f62
```
#052f62 rgb(5,47,98)
```
#012f66
```
#012f66 rgb(1,47,102)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#202934 Atypical Achromatopsia 0.001% of the population

Dichromacy

#14396d Protanopia 1% of men
#003c62 Deuteranopia 1% of men
#004044 Tritanopia 0.001% of the population

Trichromacy

#0d356a Protanomaly 1% of men, 0.01% of women
#003763 Deuteranomaly 6% of men, 0.4% of women
#003a50 Tritanomaly 0.01% of the population

#012f66 hex color

#012f66 Color Information

#012f66 Color Conversion

Color Schemes with #012f66

Alternatives to #012f66

#012f66 Preview

Shades and Tints of #012f66

Tones of #012f66

Color Blindness Simulator