#214257 hex color

In a RGB color space, hex #214257 is composed of 12.9% red, 25.9% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 24.1% magenta, 0% yellow and 65.9% black. It has a hue angle of 203.3 degrees, a saturation of 45% and a lightness of 23.5%. #214257 color hex could be obtained by blending #4284ae with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 26
- B 34
RGB color chart
- C 62
- M 24
- Y 0
- K 66
CMYK color chart

● #214257 color description : Very dark blue.

The hexadecimal color #214257 has RGB values of R:33, G:66, B:87 and CMYK values of C:0.62, M:0.24, Y:0, K:0.66. Its decimal value is 2179671.

Hex triplet	214257	`#214257`
RGB Decimal	33, 66, 87	`rgb(33,66,87)`
RGB Percent	12.9, 25.9, 34.1	`rgb(12.9%,25.9%,34.1%)`
CMYK	62, 24, 0, 66
HSL	203.3°, 45, 23.5	`hsl(203.3,45%,23.5%)`
HSV (or HSB)	203.3°, 62.1, 34.1
Web Safe	333366	`#333366`

CIE-LAB	26.47, -4.964, -16.214
XYZ	4.295, 4.908, 9.737
xyY	0.227, 0.259, 4.908
CIE-LCH	26.47, 16.957, 252.979
CIE-LUV	26.47, -12.887, -19.275
Hunter-Lab	22.153, -4.158, -10.553
Binary	00100001, 01000010, 01010111

#214257
```
#214257 rgb(33,66,87)
```
#573621
```
#573621 rgb(87,54,33)
```

Complementary Color

#215751
```
#215751 rgb(33,87,81)
```
#214257
```
#214257 rgb(33,66,87)
```
#212757
```
#212757 rgb(33,39,87)
```

Analogous Color

#575121
```
#575121 rgb(87,81,33)
```
#214257
```
#214257 rgb(33,66,87)
```
#572127
```
#572127 rgb(87,33,39)
```

Split Complementary Color

#425721
```
#425721 rgb(66,87,33)
```
#214257
```
#214257 rgb(33,66,87)
```
#572142
```
#572142 rgb(87,33,66)
```

Triadic Color

#215736
```
#215736 rgb(33,87,54)
```
#214257
```
#214257 rgb(33,66,87)
```
#572142
```
#572142 rgb(87,33,66)
```
#573621
```
#573621 rgb(87,54,33)
```

Tetradic Color

#0c1820
```
#0c1820 rgb(12,24,32)
```
#132632
```
#132632 rgb(19,38,50)
```
#1a3445
```
#1a3445 rgb(26,52,69)
```
#214257
```
#214257 rgb(33,66,87)
```
#285069
```
#285069 rgb(40,80,105)
```
#2f5e7c
```
#2f5e7c rgb(47,94,124)
```
#366c8e
```
#366c8e rgb(54,108,142)
```

Monochromatic Color

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

#215057
```
#215057 rgb(33,80,87)
```
#214b57
```
#214b57 rgb(33,75,87)
```
#214757
```
#214757 rgb(33,71,87)
```
#214257
```
#214257 rgb(33,66,87)
```
#213e57
```
#213e57 rgb(33,62,87)
```
#213957
```
#213957 rgb(33,57,87)
```
#213557
```
#213557 rgb(33,53,87)
```

Similar Colors

Text with hexadecimal color #214257

This text has a font color of #214257.

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

#214257 background color

This paragraph has a background color of #214257.

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

#214257 border color

This element has a border color of #214257.

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

CSS codes

.text {color:#214257;}

.background {background-color:#214257;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060c10
```
#060c10 rgb(6,12,16)
```
#0b171e
```
#0b171e rgb(11,23,30)
```
#11222c
```
#11222c rgb(17,34,44)
```
#162c3b
```
#162c3b rgb(22,44,59)
```
#1c3749
```
#1c3749 rgb(28,55,73)
```
#214257
```
#214257 rgb(33,66,87)
```
#264d65
```
#264d65 rgb(38,77,101)
```
#2c5873
```
#2c5873 rgb(44,88,115)
```
#316282
```
#316282 rgb(49,98,130)
```
#376d90
```
#376d90 rgb(55,109,144)
```
#3c789e
```
#3c789e rgb(60,120,158)
```
#4183ac
```
#4183ac rgb(65,131,172)
```

Shade Color Variation

#488dba
```
#488dba rgb(72,141,186)
```
#5696bf
```
#5696bf rgb(86,150,191)
```
#649fc4
```
#649fc4 rgb(100,159,196)
```
#72a8ca
```
#72a8ca rgb(114,168,202)
```
#81b1cf
```
#81b1cf rgb(129,177,207)
```
#8fb9d4
```
#8fb9d4 rgb(143,185,212)
```
#9dc2da
```
#9dc2da rgb(157,194,218)
```
#abcbdf
```
#abcbdf rgb(171,203,223)
```
#bad4e5
```
#bad4e5 rgb(186,212,229)
```
#c8ddea
```
#c8ddea rgb(200,221,234)
```
#d6e6ef
```
#d6e6ef rgb(214,230,239)
```
#e4eef5
```
#e4eef5 rgb(228,238,245)
```
#f2f7fa
```
#f2f7fa rgb(242,247,250)
```

Tint Color Variation

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

#383d40
```
#383d40 rgb(56,61,64)
```
#333e45
```
#333e45 rgb(51,62,69)
```
#2f3f49
```
#2f3f49 rgb(47,63,73)
```
#2a404e
```
#2a404e rgb(42,64,78)
```
#264152
```
#264152 rgb(38,65,82)
```
#214257
```
#214257 rgb(33,66,87)
```
#1c435c
```
#1c435c rgb(28,67,92)
```
#184460
```
#184460 rgb(24,68,96)
```
#134565
```
#134565 rgb(19,69,101)
```
#0f4669
```
#0f4669 rgb(15,70,105)
```
#0a476e
```
#0a476e rgb(10,71,110)
```
#054873
```
#054873 rgb(5,72,115)
```
#014977
```
#014977 rgb(1,73,119)
```

Tone Color Variation

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

#42475d Protanopia 1% of men
#404761 Deuteranopia 1% of men
#264e53 Tritanopia 0.001% of the population

Trichromacy

#36455a Protanomaly 1% of men, 0.01% of women
#34455d Deuteranomaly 6% of men, 0.4% of women
#244954 Tritanomaly 0.01% of the population

#214257 hex color

#214257 Color Information

#214257 Color Conversion

Color Schemes with #214257

Alternatives to #214257

#214257 Preview

Shades and Tints of #214257

Tones of #214257

Color Blindness Simulator