#213f7f hex color

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

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

● #213f7f color description : Dark blue.

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

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

CIE-LAB	27.873, 12.541, -39.53
XYZ	6.235, 5.41, 20.793
xyY	0.192, 0.167, 5.41
CIE-LCH	27.873, 41.472, 287.602
CIE-LUV	27.873, -11.35, -51.895
Hunter-Lab	23.26, 7.141, -36.72
Binary	00100001, 00111111, 01111111

#213f7f
```
#213f7f rgb(33,63,127)
```
#7f6121
```
#7f6121 rgb(127,97,33)
```

Complementary Color

#216e7f
```
#216e7f rgb(33,110,127)
```
#213f7f
```
#213f7f rgb(33,63,127)
```
#32217f
```
#32217f rgb(50,33,127)
```

Analogous Color

#6e7f21
```
#6e7f21 rgb(110,127,33)
```
#213f7f
```
#213f7f rgb(33,63,127)
```
#7f3221
```
#7f3221 rgb(127,50,33)
```

Split Complementary Color

#3f7f21
```
#3f7f21 rgb(63,127,33)
```
#213f7f
```
#213f7f rgb(33,63,127)
```
#7f213f
```
#7f213f rgb(127,33,63)
```

Triadic Color

#217f61
```
#217f61 rgb(33,127,97)
```
#213f7f
```
#213f7f rgb(33,63,127)
```
#7f213f
```
#7f213f rgb(127,33,63)
```
#7f6121
```
#7f6121 rgb(127,97,33)
```

Tetradic Color

#112142
```
#112142 rgb(17,33,66)
```
#162b57
```
#162b57 rgb(22,43,87)
```
#1c356b
```
#1c356b rgb(28,53,107)
```
#213f7f
```
#213f7f rgb(33,63,127)
```
#264993
```
#264993 rgb(38,73,147)
```
#2c53a7
```
#2c53a7 rgb(44,83,167)
```
#315dbc
```
#315dbc rgb(49,93,188)
```

Monochromatic Color

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

#21577f
```
#21577f rgb(33,87,127)
```
#214f7f
```
#214f7f rgb(33,79,127)
```
#21477f
```
#21477f rgb(33,71,127)
```
#213f7f
```
#213f7f rgb(33,63,127)
```
#21377f
```
#21377f rgb(33,55,127)
```
#212f7f
```
#212f7f rgb(33,47,127)
```
#21287f
```
#21287f rgb(33,40,127)
```

Similar Colors

Text with hexadecimal color #213f7f

This text has a font color of #213f7f.

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

#213f7f background color

This paragraph has a background color of #213f7f.

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

#213f7f border color

This element has a border color of #213f7f.

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

CSS codes

.text {color:#213f7f;}

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

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

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 #f2f5fc is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#050912
```
#050912 rgb(5,9,18)
```
#091122
```
#091122 rgb(9,17,34)
```
#0d1831
```
#0d1831 rgb(13,24,49)
```
#112041
```
#112041 rgb(17,32,65)
```
#152850
```
#152850 rgb(21,40,80)
```
#193060
```
#193060 rgb(25,48,96)
```
#1d376f
```
#1d376f rgb(29,55,111)
```
#213f7f
```
#213f7f rgb(33,63,127)
```
#25478f
```
#25478f rgb(37,71,143)
```
#294e9e
```
#294e9e rgb(41,78,158)
```
#2d56ae
```
#2d56ae rgb(45,86,174)
```
#315ebd
```
#315ebd rgb(49,94,189)
```

Shade Color Variation

#3766cb
```
#3766cb rgb(55,102,203)
```
#4772cf
```
#4772cf rgb(71,114,207)
```
#567ed3
```
#567ed3 rgb(86,126,211)
```
#668ad7
```
#668ad7 rgb(102,138,215)
```
#7596db
```
#7596db rgb(117,150,219)
```
#85a2df
```
#85a2df rgb(133,162,223)
```
#94aee3
```
#94aee3 rgb(148,174,227)
```
#a4bae7
```
#a4bae7 rgb(164,186,231)
```
#b4c5eb
```
#b4c5eb rgb(180,197,235)
```
#c3d1ef
```
#c3d1ef rgb(195,209,239)
```
#d3ddf3
```
#d3ddf3 rgb(211,221,243)
```
#e2e9f8
```
#e2e9f8 rgb(226,233,248)
```
#f2f5fc
```
#f2f5fc rgb(242,245,252)
```

Tint Color Variation

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

#4c4f54
```
#4c4f54 rgb(76,79,84)
```
#464c5a
```
#464c5a rgb(70,76,90)
```
#404a60
```
#404a60 rgb(64,74,96)
```
#3a4866
```
#3a4866 rgb(58,72,102)
```
#33466d
```
#33466d rgb(51,70,109)
```
#2d4373
```
#2d4373 rgb(45,67,115)
```
#274179
```
#274179 rgb(39,65,121)
```
#213f7f
```
#213f7f rgb(33,63,127)
```
#1b3d85
```
#1b3d85 rgb(27,61,133)
```
#153b8b
```
#153b8b rgb(21,59,139)
```
#0f3891
```
#0f3891 rgb(15,56,145)
```
#083698
```
#083698 rgb(8,54,152)
```
#02349e
```
#02349e rgb(2,52,158)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#373d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#264986 Protanopia 1% of men
#004d7f Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#244583 Protanomaly 1% of men, 0.01% of women
#0c477f Deuteranomaly 6% of men, 0.4% of women
#0c4b66 Tritanomaly 0.01% of the population

#213f7f hex color

#213f7f Color Information

#213f7f Color Conversion

Color Schemes with #213f7f

Alternatives to #213f7f

#213f7f Preview

Shades and Tints of #213f7f

Tones of #213f7f

Color Blindness Simulator