colorhexa.com

#214c67 hex color

In a RGB color space, hex #214c67 is composed of 12.9% red, 29.8% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 26.2% magenta, 0% yellow and 59.6% black. It has a hue angle of 203.1 degrees, a saturation of 51.5% and a lightness of 26.7%. #214c67 color hex could be obtained by blending #4298ce with #000000. Closest websafe color is: #333366.

- R 13
- G 30
- B 40
RGB color chart
- C 68
- M 26
- Y 0
- K 60
CMYK color chart

● #214c67 color description : Very dark blue.

The hexadecimal color #214c67 has RGB values of R:33, G:76, B:103 and CMYK values of C:0.68, M:0.26, Y:0, K:0.6. Its decimal value is 2182247.

Hex triplet	214c67	`#214c67`
RGB Decimal	33, 76, 103	`rgb(33,76,103)`
RGB Percent	12.9, 29.8, 40.4	`rgb(12.9%,29.8%,40.4%)`
CMYK	68, 26, 0, 60
HSL	203.1°, 51.5, 26.7	`hsl(203.1,51.5%,26.7%)`
HSV (or HSB)	203.1°, 68, 40.4
Web Safe	333366	`#333366`

CIE-LAB	30.571, -5.494, -20.124
XYZ	5.659, 6.471, 13.782
xyY	0.218, 0.25, 6.471
CIE-LCH	30.571, 20.86, 254.729
CIE-LUV	30.571, -16.182, -25.473
Hunter-Lab	25.438, -4.806, -14.315
Binary	00100001, 01001100, 01100111

#214c67
```
#214c67 rgb(33,76,103)
```
#673c21
```
#673c21 rgb(103,60,33)
```

Complementary Color

#21675f
```
#21675f rgb(33,103,95)
```
#214c67
```
#214c67 rgb(33,76,103)
```
#212967
```
#212967 rgb(33,41,103)
```

Analogous Color

#675f21
```
#675f21 rgb(103,95,33)
```
#214c67
```
#214c67 rgb(33,76,103)
```
#672129
```
#672129 rgb(103,33,41)
```

Split Complementary Color

#4c6721
```
#4c6721 rgb(76,103,33)
```
#214c67
```
#214c67 rgb(33,76,103)
```
#67214c
```
#67214c rgb(103,33,76)
```

Triadic Color

#0e212d
```
#0e212d rgb(14,33,45)
```
#153040
```
#153040 rgb(21,48,64)
```
#1b3e54
```
#1b3e54 rgb(27,62,84)
```
#214c67
```
#214c67 rgb(33,76,103)
```
#275a7a
```
#275a7a rgb(39,90,122)
```
#2d698e
```
#2d698e rgb(45,105,142)
```
#3477a1
```
#3477a1 rgb(52,119,161)
```

Monochromatic Color

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

#215e67
```
#215e67 rgb(33,94,103)
```
#215867
```
#215867 rgb(33,88,103)
```
#215267
```
#215267 rgb(33,82,103)
```
#214c67
```
#214c67 rgb(33,76,103)
```
#214667
```
#214667 rgb(33,70,103)
```
#214067
```
#214067 rgb(33,64,103)
```
#213b67
```
#213b67 rgb(33,59,103)
```

Similar Colors

Text with hexadecimal color #214c67

This text has a font color of #214c67.

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

#214c67 background color

This paragraph has a background color of #214c67.

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

#214c67 border color

This element has a border color of #214c67.

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

CSS codes

.text {color:#214c67;}

.background {background-color:#214c67;}

.border {border:1px solid #214c67;}

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, #040a0e is the darkest color, while #fefeff is the lightest one.

#040a0e
```
#040a0e rgb(4,10,14)
```
#09151d
```
#09151d rgb(9,21,29)
```
#0e202c
```
#0e202c rgb(14,32,44)
```
#132b3a
```
#132b3a rgb(19,43,58)
```
#173649
```
#173649 rgb(23,54,73)
```
#1c4158
```
#1c4158 rgb(28,65,88)
```
#214c67
```
#214c67 rgb(33,76,103)
```
#265776
```
#265776 rgb(38,87,118)
```
#2b6285
```
#2b6285 rgb(43,98,133)
```
#2f6d94
```
#2f6d94 rgb(47,109,148)
```
#3478a2
```
#3478a2 rgb(52,120,162)
```
#3983b1
```
#3983b1 rgb(57,131,177)
```
#3e8ec0
```
#3e8ec0 rgb(62,142,192)
```

Shade Color Variation

#4c97c6
```
#4c97c6 rgb(76,151,198)
```
#5b9fca
```
#5b9fca rgb(91,159,202)
```
#69a8cf
```
#69a8cf rgb(105,168,207)
```
#78b1d4
```
#78b1d4 rgb(120,177,212)
```
#87b9d9
```
#87b9d9 rgb(135,185,217)
```
#96c2dd
```
#96c2dd rgb(150,194,221)
```
#a5cbe2
```
#a5cbe2 rgb(165,203,226)
```
#b4d3e7
```
#b4d3e7 rgb(180,211,231)
```
#c3dcec
```
#c3dcec rgb(195,220,236)
```
#d1e4f0
```
#d1e4f0 rgb(209,228,240)
```
#e0edf5
```
#e0edf5 rgb(224,237,245)
```
#eff6fa
```
#eff6fa rgb(239,246,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#404548
```
#404548 rgb(64,69,72)
```
#3b464d
```
#3b464d rgb(59,70,77)
```
#364752
```
#364752 rgb(54,71,82)
```
#314857
```
#314857 rgb(49,72,87)
```
#2b4a5d
```
#2b4a5d rgb(43,74,93)
```
#264b62
```
#264b62 rgb(38,75,98)
```
#214c67
```
#214c67 rgb(33,76,103)
```
#1c4d6c
```
#1c4d6c rgb(28,77,108)
```
#174e71
```
#174e71 rgb(23,78,113)
```
#115077
```
#115077 rgb(17,80,119)
```
#0c517c
```
#0c517c rgb(12,81,124)
```
#075281
```
#075281 rgb(7,82,129)
```
#025386
```
#025386 rgb(2,83,134)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3b4449 Atypical Achromatopsia 0.001% of the population

Dichromacy

#49506b Protanopia 1% of men
#445070 Deuteranopia 1% of men
#21585e Tritanopia 0.001% of the population

Trichromacy

#3a4e69 Protanomaly 1% of men, 0.01% of women
#374f6d Deuteranomaly 6% of men, 0.4% of women
#215361 Tritanomaly 0.01% of the population