#214250 hex color

In a RGB color space, hex #214250 is composed of 12.9% red, 25.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 17.5% magenta, 0% yellow and 68.6% black. It has a hue angle of 197.9 degrees, a saturation of 41.6% and a lightness of 22.2%. #214250 color hex could be obtained by blending #4284a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 26
- B 31
RGB color chart
- C 59
- M 18
- Y 0
- K 69
CMYK color chart

● #214250 color description : Very dark desaturated blue.

The hexadecimal color #214250 has RGB values of R:33, G:66, B:80 and CMYK values of C:0.59, M:0.18, Y:0, K:0.69. Its decimal value is 2179664.

Hex triplet	214250	`#214250`
RGB Decimal	33, 66, 80	`rgb(33,66,80)`
RGB Percent	12.9, 25.9, 31.4	`rgb(12.9%,25.9%,31.4%)`
CMYK	59, 18, 0, 69
HSL	197.9°, 41.6, 22.2	`hsl(197.9,41.6%,22.2%)`
HSV (or HSB)	197.9°, 58.8, 31.4
Web Safe	333366	`#333366`

CIE-LAB	26.153, -7.445, -12.134
XYZ	4.023, 4.799, 8.303
xyY	0.235, 0.28, 4.799
CIE-LCH	26.153, 14.236, 238.469
CIE-LUV	26.153, -13.047, -13.723
Hunter-Lab	21.906, -5.554, -7.139
Binary	00100001, 01000010, 01010000

#214250
```
#214250 rgb(33,66,80)
```
#502f21
```
#502f21 rgb(80,47,33)
```

Complementary Color

#215047
```
#215047 rgb(33,80,71)
```
#214250
```
#214250 rgb(33,66,80)
```
#212b50
```
#212b50 rgb(33,43,80)
```

Analogous Color

#504621
```
#504621 rgb(80,70,33)
```
#214250
```
#214250 rgb(33,66,80)
```
#50212b
```
#50212b rgb(80,33,43)
```

Split Complementary Color

#425021
```
#425021 rgb(66,80,33)
```
#214250
```
#214250 rgb(33,66,80)
```
#502142
```
#502142 rgb(80,33,66)
```

Triadic Color

#21502f
```
#21502f rgb(33,80,47)
```
#214250
```
#214250 rgb(33,66,80)
```
#502142
```
#502142 rgb(80,33,66)
```
#502f21
```
#502f21 rgb(80,47,33)
```

Tetradic Color

#0b151a
```
#0b151a rgb(11,21,26)
```
#12242c
```
#12242c rgb(18,36,44)
```
#1a333e
```
#1a333e rgb(26,51,62)
```
#214250
```
#214250 rgb(33,66,80)
```
#285162
```
#285162 rgb(40,81,98)
```
#306074
```
#306074 rgb(48,96,116)
```
#376f86
```
#376f86 rgb(55,111,134)
```

Monochromatic Color

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

#214e50
```
#214e50 rgb(33,78,80)
```
#214a50
```
#214a50 rgb(33,74,80)
```
#214650
```
#214650 rgb(33,70,80)
```
#214250
```
#214250 rgb(33,66,80)
```
#213e50
```
#213e50 rgb(33,62,80)
```
#213a50
```
#213a50 rgb(33,58,80)
```
#213650
```
#213650 rgb(33,54,80)
```

Similar Colors

Text with hexadecimal color #214250

This text has a font color of #214250.

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

#214250 background color

This paragraph has a background color of #214250.

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

#214250 border color

This element has a border color of #214250.

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

CSS codes

.text {color:#214250;}

.background {background-color:#214250;}

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

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, #04090b is the darkest color, while #fcfdfe is the lightest one.

#04090b
```
#04090b rgb(4,9,11)
```
#0a1418
```
#0a1418 rgb(10,20,24)
```
#102026
```
#102026 rgb(16,32,38)
```
#162b34
```
#162b34 rgb(22,43,52)
```
#1b3742
```
#1b3742 rgb(27,55,66)
```
#214250
```
#214250 rgb(33,66,80)
```
#274d5e
```
#274d5e rgb(39,77,94)
```
#2c596c
```
#2c596c rgb(44,89,108)
```
#32647a
```
#32647a rgb(50,100,122)
```
#387088
```
#387088 rgb(56,112,136)
```
#3e7b95
```
#3e7b95 rgb(62,123,149)
```
#4387a3
```
#4387a3 rgb(67,135,163)
```
#4992b1
```
#4992b1 rgb(73,146,177)
```

Shade Color Variation

#559bb9
```
#559bb9 rgb(85,155,185)
```
#63a3bf
```
#63a3bf rgb(99,163,191)
```
#71abc4
```
#71abc4 rgb(113,171,196)
```
#7fb4ca
```
#7fb4ca rgb(127,180,202)
```
#8dbcd0
```
#8dbcd0 rgb(141,188,208)
```
#9ac4d6
```
#9ac4d6 rgb(154,196,214)
```
#a8ccdb
```
#a8ccdb rgb(168,204,219)
```
#b6d4e1
```
#b6d4e1 rgb(182,212,225)
```
#c4dce7
```
#c4dce7 rgb(196,220,231)
```
#d2e5ec
```
#d2e5ec rgb(210,229,236)
```
#e0edf2
```
#e0edf2 rgb(224,237,242)
```
#eef5f8
```
#eef5f8 rgb(238,245,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #37393a is the less saturated color, while #034e6e is the most saturated one.

#37393a
```
#37393a rgb(55,57,58)
```
#323b3f
```
#323b3f rgb(50,59,63)
```
#2e3d43
```
#2e3d43 rgb(46,61,67)
```
#2a3e47
```
#2a3e47 rgb(42,62,71)
```
#25404c
```
#25404c rgb(37,64,76)
```
#214250
```
#214250 rgb(33,66,80)
```
#1d4454
```
#1d4454 rgb(29,68,84)
```
#184659
```
#184659 rgb(24,70,89)
```
#14475d
```
#14475d rgb(20,71,93)
```
#104961
```
#104961 rgb(16,73,97)
```
#0b4b66
```
#0b4b66 rgb(11,75,102)
```
#074d6a
```
#074d6a rgb(7,77,106)
```
#034e6e
```
#034e6e rgb(3,78,110)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#353c3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#444756 Protanopia 1% of men
#43465b Deuteranopia 1% of men
#294d52 Tritanopia 0.001% of the population

Trichromacy

#374553 Protanomaly 1% of men, 0.01% of women
#374557 Deuteranomaly 6% of men, 0.4% of women
#264951 Tritanomaly 0.01% of the population

#214250 hex color

#214250 Color Information

#214250 Color Conversion

Color Schemes with #214250

Alternatives to #214250

#214250 Preview

Shades and Tints of #214250

Tones of #214250

Color Blindness Simulator