#212f66 hex color

In a RGB color space, hex #212f66 is composed of 12.9% red, 18.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 53.9% magenta, 0% yellow and 60% black. It has a hue angle of 227.8 degrees, a saturation of 51.1% and a lightness of 26.5%. #212f66 color hex could be obtained by blending #425ecc with #000000. Closest websafe color is: #333366.

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

● #212f66 color description : Very dark blue.

The hexadecimal color #212f66 has RGB values of R:33, G:47, B:102 and CMYK values of C:0.68, M:0.54, Y:0, K:0.6. Its decimal value is 2174822.

Hex triplet	212f66	`#212f66`
RGB Decimal	33, 47, 102	`rgb(33,47,102)`
RGB Percent	12.9, 18.4, 40	`rgb(12.9%,18.4%,40%)`
CMYK	68, 54, 0, 60
HSL	227.8°, 51.1, 26.5	`hsl(227.8,51.1%,26.5%)`
HSV (or HSB)	227.8°, 67.6, 40
Web Safe	333366	`#333366`

CIE-LAB	21.265, 13.89, -34.223
XYZ	4.041, 3.315, 12.997
xyY	0.199, 0.163, 3.315
CIE-LCH	21.265, 36.934, 292.091
CIE-LUV	21.265, -6.515, -40.546
Hunter-Lab	18.208, 7.755, -29.574
Binary	00100001, 00101111, 01100110

#212f66
```
#212f66 rgb(33,47,102)
```
#665821
```
#665821 rgb(102,88,33)
```

Complementary Color

#215266
```
#215266 rgb(33,82,102)
```
#212f66
```
#212f66 rgb(33,47,102)
```
#362166
```
#362166 rgb(54,33,102)
```

Analogous Color

#526621
```
#526621 rgb(82,102,33)
```
#212f66
```
#212f66 rgb(33,47,102)
```
#663621
```
#663621 rgb(102,54,33)
```

Split Complementary Color

#2f6621
```
#2f6621 rgb(47,102,33)
```
#212f66
```
#212f66 rgb(33,47,102)
```
#66212f
```
#66212f rgb(102,33,47)
```

Triadic Color

#216658
```
#216658 rgb(33,102,88)
```
#212f66
```
#212f66 rgb(33,47,102)
```
#66212f
```
#66212f rgb(102,33,47)
```
#665821
```
#665821 rgb(102,88,33)
```

Tetradic Color

#0e142c
```
#0e142c rgb(14,20,44)
```
#151d3f
```
#151d3f rgb(21,29,63)
```
#1b2653
```
#1b2653 rgb(27,38,83)
```
#212f66
```
#212f66 rgb(33,47,102)
```
#273879
```
#273879 rgb(39,56,121)
```
#2d418d
```
#2d418d rgb(45,65,141)
```
#344aa0
```
#344aa0 rgb(52,74,160)
```

Monochromatic Color

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

#214066
```
#214066 rgb(33,64,102)
```
#213b66
```
#213b66 rgb(33,59,102)
```
#213566
```
#213566 rgb(33,53,102)
```
#212f66
```
#212f66 rgb(33,47,102)
```
#212966
```
#212966 rgb(33,41,102)
```
#212466
```
#212466 rgb(33,36,102)
```
#242166
```
#242166 rgb(36,33,102)
```

Similar Colors

Text with hexadecimal color #212f66

This text has a font color of #212f66.

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

#212f66 background color

This paragraph has a background color of #212f66.

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

#212f66 border color

This element has a border color of #212f66.

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

CSS codes

.text {color:#212f66;}

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

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

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, #04060d is the darkest color, while #fdfdfe is the lightest one.

#04060d
```
#04060d rgb(4,6,13)
```
#090d1c
```
#090d1c rgb(9,13,28)
```
#0e142b
```
#0e142b rgb(14,20,43)
```
#131b3a
```
#131b3a rgb(19,27,58)
```
#172148
```
#172148 rgb(23,33,72)
```
#1c2857
```
#1c2857 rgb(28,40,87)
```
#212f66
```
#212f66 rgb(33,47,102)
```
#263675
```
#263675 rgb(38,54,117)
```
#2b3d84
```
#2b3d84 rgb(43,61,132)
```
#2f4392
```
#2f4392 rgb(47,67,146)
```
#344aa1
```
#344aa1 rgb(52,74,161)
```
#3951b0
```
#3951b0 rgb(57,81,176)
```
#3e58bf
```
#3e58bf rgb(62,88,191)
```

Shade Color Variation

#4b64c5
```
#4b64c5 rgb(75,100,197)
```
#5a71ca
```
#5a71ca rgb(90,113,202)
```
#697ece
```
#697ece rgb(105,126,206)
```
#788ad3
```
#788ad3 rgb(120,138,211)
```
#8797d8
```
#8797d8 rgb(135,151,216)
```
#96a4dd
```
#96a4dd rgb(150,164,221)
```
#a4b1e2
```
#a4b1e2 rgb(164,177,226)
```
#b3bee6
```
#b3bee6 rgb(179,190,230)
```
#c2caeb
```
#c2caeb rgb(194,202,235)
```
#d1d7f0
```
#d1d7f0 rgb(209,215,240)
```
#e0e4f5
```
#e0e4f5 rgb(224,228,245)
```
#eef1fa
```
#eef1fa rgb(238,241,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#404247
```
#404247 rgb(64,66,71)
```
#3b3e4c
```
#3b3e4c rgb(59,62,76)
```
#363b51
```
#363b51 rgb(54,59,81)
```
#313856
```
#313856 rgb(49,56,86)
```
#2b355c
```
#2b355c rgb(43,53,92)
```
#263261
```
#263261 rgb(38,50,97)
```
#212f66
```
#212f66 rgb(33,47,102)
```
#1c2c6b
```
#1c2c6b rgb(28,44,107)
```
#172970
```
#172970 rgb(23,41,112)
```
#112676
```
#112676 rgb(17,38,118)
```
#0c237b
```
#0c237b rgb(12,35,123)
```
#072080
```
#072080 rgb(7,32,128)
```
#021c85
```
#021c85 rgb(2,28,133)
```

Tone Color Variation

Below, you can see how #212f66 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
#2e313c Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b3b6f Protanopia 1% of men
#003e67 Deuteranopia 1% of men
#0a4348 Tritanopia 0.001% of the population

Trichromacy

#1d376c Protanomaly 1% of men, 0.01% of women
#0c3967 Deuteranomaly 6% of men, 0.4% of women
#123c53 Tritanomaly 0.01% of the population

#212f66 hex color

#212f66 Color Information

#212f66 Color Conversion

Color Schemes with #212f66

Alternatives to #212f66

#212f66 Preview

Shades and Tints of #212f66

Tones of #212f66

Color Blindness Simulator