#212f7f hex color

In a RGB color space, hex #212f7f is composed of 12.9% red, 18.4% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 63% magenta, 0% yellow and 50.2% black. It has a hue angle of 231.1 degrees, a saturation of 58.8% and a lightness of 31.4%. #212f7f color hex could be obtained by blending #425efe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 18
- B 50
RGB color chart
- C 74
- M 63
- Y 0
- K 50
CMYK color chart

● #212f7f color description : Dark blue.

The hexadecimal color #212f7f has RGB values of R:33, G:47, B:127 and CMYK values of C:0.74, M:0.63, Y:0, K:0.5. Its decimal value is 2174847.

Hex triplet	212f7f	`#212f7f`
RGB Decimal	33, 47, 127	`rgb(33,47,127)`
RGB Percent	12.9, 18.4, 49.8	`rgb(12.9%,18.4%,49.8%)`
CMYK	74, 63, 0, 50
HSL	231.1°, 58.8, 31.4	`hsl(231.1,58.8%,31.4%)`
HSV (or HSB)	231.1°, 74, 49.8
Web Safe	333366	`#333366`

CIE-LAB	23.299, 23.695, -46.946
XYZ	5.474, 3.888, 20.54
xyY	0.183, 0.13, 3.888
CIE-LCH	23.299, 52.587, 296.781
CIE-LUV	23.299, -7.046, -57.338
Hunter-Lab	19.719, 15.041, -47.955
Binary	00100001, 00101111, 01111111

#212f7f
```
#212f7f rgb(33,47,127)
```
#7f7121
```
#7f7121 rgb(127,113,33)
```

Complementary Color

#215e7f
```
#215e7f rgb(33,94,127)
```
#212f7f
```
#212f7f rgb(33,47,127)
```
#42217f
```
#42217f rgb(66,33,127)
```

Analogous Color

#5e7f21
```
#5e7f21 rgb(94,127,33)
```
#212f7f
```
#212f7f rgb(33,47,127)
```
#7f4221
```
#7f4221 rgb(127,66,33)
```

Split Complementary Color

#2f7f21
```
#2f7f21 rgb(47,127,33)
```
#212f7f
```
#212f7f rgb(33,47,127)
```
#7f212f
```
#7f212f rgb(127,33,47)
```

Triadic Color

#217f71
```
#217f71 rgb(33,127,113)
```
#212f7f
```
#212f7f rgb(33,47,127)
```
#7f212f
```
#7f212f rgb(127,33,47)
```
#7f7121
```
#7f7121 rgb(127,113,33)
```

Tetradic Color

#111942
```
#111942 rgb(17,25,66)
```
#162057
```
#162057 rgb(22,32,87)
```
#1c286b
```
#1c286b rgb(28,40,107)
```
#212f7f
```
#212f7f rgb(33,47,127)
```
#263693
```
#263693 rgb(38,54,147)
```
#2c3ea7
```
#2c3ea7 rgb(44,62,167)
```
#3145bc
```
#3145bc rgb(49,69,188)
```

Monochromatic Color

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

#21477f
```
#21477f rgb(33,71,127)
```
#213f7f
```
#213f7f rgb(33,63,127)
```
#21377f
```
#21377f rgb(33,55,127)
```
#212f7f
```
#212f7f rgb(33,47,127)
```
#21277f
```
#21277f rgb(33,39,127)
```
#23217f
```
#23217f rgb(35,33,127)
```
#2b217f
```
#2b217f rgb(43,33,127)
```

Similar Colors

Text with hexadecimal color #212f7f

This text has a font color of #212f7f.

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

#212f7f background color

This paragraph has a background color of #212f7f.

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

#212f7f border color

This element has a border color of #212f7f.

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

CSS codes

.text {color:#212f7f;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050712
```
#050712 rgb(5,7,18)
```
#090c22
```
#090c22 rgb(9,12,34)
```
#0d1231
```
#0d1231 rgb(13,18,49)
```
#111841
```
#111841 rgb(17,24,65)
```
#151e50
```
#151e50 rgb(21,30,80)
```
#192360
```
#192360 rgb(25,35,96)
```
#1d296f
```
#1d296f rgb(29,41,111)
```
#212f7f
```
#212f7f rgb(33,47,127)
```
#25358f
```
#25358f rgb(37,53,143)
```
#293b9e
```
#293b9e rgb(41,59,158)
```
#2d40ae
```
#2d40ae rgb(45,64,174)
```
#3146bd
```
#3146bd rgb(49,70,189)
```

Shade Color Variation

#374dcb
```
#374dcb rgb(55,77,203)
```
#475bcf
```
#475bcf rgb(71,91,207)
```
#5669d3
```
#5669d3 rgb(86,105,211)
```
#6677d7
```
#6677d7 rgb(102,119,215)
```
#7584db
```
#7584db rgb(117,132,219)
```
#8592df
```
#8592df rgb(133,146,223)
```
#94a0e3
```
#94a0e3 rgb(148,160,227)
```
#a4aee7
```
#a4aee7 rgb(164,174,231)
```
#b4bceb
```
#b4bceb rgb(180,188,235)
```
#c3caef
```
#c3caef rgb(195,202,239)
```
#d3d8f3
```
#d3d8f3 rgb(211,216,243)
```
#e2e5f8
```
#e2e5f8 rgb(226,229,248)
```
#f2f3fc
```
#f2f3fc rgb(242,243,252)
```

Tint Color Variation

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

#4c4d54
```
#4c4d54 rgb(76,77,84)
```
#46495a
```
#46495a rgb(70,73,90)
```
#404560
```
#404560 rgb(64,69,96)
```
#3a4066
```
#3a4066 rgb(58,64,102)
```
#333c6d
```
#333c6d rgb(51,60,109)
```
#2d3873
```
#2d3873 rgb(45,56,115)
```
#273379
```
#273379 rgb(39,51,121)
```
#212f7f
```
#212f7f rgb(33,47,127)
```
#1b2b85
```
#1b2b85 rgb(27,43,133)
```
#15268b
```
#15268b rgb(21,38,139)
```
#0f2291
```
#0f2291 rgb(15,34,145)
```
#081e98
```
#081e98 rgb(8,30,152)
```
#02199e
```
#02199e rgb(2,25,158)
```

Tone Color Variation

Below, you can see how #212f7f 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

#343434 Achromatopsia 0.005% of the population
#303343 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7d Protanopia 1% of men
#00436d Deuteranopia 1% of men
#00484c Tritanopia 0.001% of the population

Trichromacy

#0c397d Protanomaly 1% of men, 0.01% of women
#0c3c73 Deuteranomaly 6% of men, 0.4% of women
#0c3f5f Tritanomaly 0.01% of the population

#212f7f hex color

#212f7f Color Information

#212f7f Color Conversion

Color Schemes with #212f7f

Alternatives to #212f7f

#212f7f Preview

Shades and Tints of #212f7f

Tones of #212f7f

Color Blindness Simulator