#214258 hex color

In a RGB color space, hex #214258 is composed of 12.9% red, 25.9% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 25% magenta, 0% yellow and 65.5% black. It has a hue angle of 204 degrees, a saturation of 45.5% and a lightness of 23.7%. #214258 color hex could be obtained by blending #4284b0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 26
- B 35
RGB color chart
- C 63
- M 25
- Y 0
- K 65
CMYK color chart

● #214258 color description : Very dark blue.

The hexadecimal color #214258 has RGB values of R:33, G:66, B:88 and CMYK values of C:0.63, M:0.25, Y:0, K:0.65. Its decimal value is 2179672.

Hex triplet	214258	`#214258`
RGB Decimal	33, 66, 88	`rgb(33,66,88)`
RGB Percent	12.9, 25.9, 34.5	`rgb(12.9%,25.9%,34.5%)`
CMYK	63, 25, 0, 65
HSL	204°, 45.5, 23.7	`hsl(204,45.5%,23.7%)`
HSV (or HSB)	204°, 62.5, 34.5
Web Safe	333366	`#333366`

CIE-LAB	26.517, -4.601, -16.791
XYZ	4.336, 4.924, 9.954
xyY	0.226, 0.256, 4.924
CIE-LCH	26.517, 17.41, 254.675
CIE-LUV	26.517, -12.865, -20.071
Hunter-Lab	22.19, -3.95, -11.063
Binary	00100001, 01000010, 01011000

#214258
```
#214258 rgb(33,66,88)
```
#583721
```
#583721 rgb(88,55,33)
```

Complementary Color

#215853
```
#215853 rgb(33,88,83)
```
#214258
```
#214258 rgb(33,66,88)
```
#212758
```
#212758 rgb(33,39,88)
```

Analogous Color

#585321
```
#585321 rgb(88,83,33)
```
#214258
```
#214258 rgb(33,66,88)
```
#582127
```
#582127 rgb(88,33,39)
```

Split Complementary Color

#425821
```
#425821 rgb(66,88,33)
```
#214258
```
#214258 rgb(33,66,88)
```
#582142
```
#582142 rgb(88,33,66)
```

Triadic Color

#215837
```
#215837 rgb(33,88,55)
```
#214258
```
#214258 rgb(33,66,88)
```
#582142
```
#582142 rgb(88,33,66)
```
#583721
```
#583721 rgb(88,55,33)
```

Tetradic Color

#0c1820
```
#0c1820 rgb(12,24,32)
```
#132633
```
#132633 rgb(19,38,51)
```
#1a3445
```
#1a3445 rgb(26,52,69)
```
#214258
```
#214258 rgb(33,66,88)
```
#28506b
```
#28506b rgb(40,80,107)
```
#2f5e7d
```
#2f5e7d rgb(47,94,125)
```
#366c90
```
#366c90 rgb(54,108,144)
```

Monochromatic Color

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

#215058
```
#215058 rgb(33,80,88)
```
#214b58
```
#214b58 rgb(33,75,88)
```
#214758
```
#214758 rgb(33,71,88)
```
#214258
```
#214258 rgb(33,66,88)
```
#213d58
```
#213d58 rgb(33,61,88)
```
#213958
```
#213958 rgb(33,57,88)
```
#213458
```
#213458 rgb(33,52,88)
```

Similar Colors

Text with hexadecimal color #214258

This text has a font color of #214258.

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

#214258 background color

This paragraph has a background color of #214258.

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

#214258 border color

This element has a border color of #214258.

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

CSS codes

.text {color:#214258;}

.background {background-color:#214258;}

.border {border:1px solid #214258;}

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

#010202
```
#010202 rgb(1,2,2)
```
#060d11
```
#060d11 rgb(6,13,17)
```
#0c171f
```
#0c171f rgb(12,23,31)
```
#11222d
```
#11222d rgb(17,34,45)
```
#162d3b
```
#162d3b rgb(22,45,59)
```
#1c374a
```
#1c374a rgb(28,55,74)
```
#214258
```
#214258 rgb(33,66,88)
```
#264d66
```
#264d66 rgb(38,77,102)
```
#2c5775
```
#2c5775 rgb(44,87,117)
```
#316283
```
#316283 rgb(49,98,131)
```
#366d91
```
#366d91 rgb(54,109,145)
```
#3c779f
```
#3c779f rgb(60,119,159)
```
#4182ae
```
#4182ae rgb(65,130,174)
```

Shade Color Variation

#488dba
```
#488dba rgb(72,141,186)
```
#5696c0
```
#5696c0 rgb(86,150,192)
```
#649ec5
```
#649ec5 rgb(100,158,197)
```
#73a7ca
```
#73a7ca rgb(115,167,202)
```
#81b0d0
```
#81b0d0 rgb(129,176,208)
```
#8fb9d5
```
#8fb9d5 rgb(143,185,213)
```
#9ec2da
```
#9ec2da rgb(158,194,218)
```
#accbe0
```
#accbe0 rgb(172,203,224)
```
#bad4e5
```
#bad4e5 rgb(186,212,229)
```
#c8ddeb
```
#c8ddeb rgb(200,221,235)
```
#d7e6f0
```
#d7e6f0 rgb(215,230,240)
```
#e5eff5
```
#e5eff5 rgb(229,239,245)
```
#f3f8fb
```
#f3f8fb rgb(243,248,251)
```

Tint Color Variation

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

#383d41
```
#383d41 rgb(56,61,65)
```
#343e45
```
#343e45 rgb(52,62,69)
```
#2f3f4a
```
#2f3f4a rgb(47,63,74)
```
#2a404f
```
#2a404f rgb(42,64,79)
```
#264153
```
#264153 rgb(38,65,83)
```
#214258
```
#214258 rgb(33,66,88)
```
#1c435d
```
#1c435d rgb(28,67,93)
```
#184461
```
#184461 rgb(24,68,97)
```
#134566
```
#134566 rgb(19,69,102)
```
#0e466b
```
#0e466b rgb(14,70,107)
```
#0a476f
```
#0a476f rgb(10,71,111)
```
#054874
```
#054874 rgb(5,72,116)
```
#004979
```
#004979 rgb(0,73,121)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#363c41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#42475e Protanopia 1% of men
#3f4762 Deuteranopia 1% of men
#254e54 Tritanopia 0.001% of the population

Trichromacy

#36455b Protanomaly 1% of men, 0.01% of women
#34455e Deuteranomaly 6% of men, 0.4% of women
#244955 Tritanomaly 0.01% of the population

#214258 hex color

#214258 Color Information

#214258 Color Conversion

Color Schemes with #214258

Alternatives to #214258

#214258 Preview

Shades and Tints of #214258

Tones of #214258

Color Blindness Simulator