colorhexa.com

#214445 hex color

In a RGB color space, hex #214445 is composed of 12.9% red, 26.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 1.4% magenta, 0% yellow and 72.9% black. It has a hue angle of 181.7 degrees, a saturation of 35.3% and a lightness of 20%. #214445 color hex could be obtained by blending #42888a with #000000. Closest websafe color is: #333333.

- R 13
- G 27
- B 27
RGB color chart
- C 52
- M 1
- Y 0
- K 73
CMYK color chart

● #214445 color description : Very dark desaturated cyan.

The hexadecimal color #214445 has RGB values of R:33, G:68, B:69 and CMYK values of C:0.52, M:0.01, Y:0, K:0.73. Its decimal value is 2180165.

Hex triplet	214445	`#214445`
RGB Decimal	33, 68, 69	`rgb(33,68,69)`
RGB Percent	12.9, 26.7, 27.1	`rgb(12.9%,26.7%,27.1%)`
CMYK	52, 1, 0, 73
HSL	181.7°, 35.3, 20	`hsl(181.7,35.3%,20%)`
HSV (or HSB)	181.7°, 52.2, 27.1
Web Safe	333333	`#333333`

CIE-LAB	26.41, -12.312, -4.538
XYZ	3.768, 4.887, 6.375
xyY	0.251, 0.325, 4.887
CIE-LCH	26.41, 13.122, 200.233
CIE-LUV	26.41, -14.129, -3.817
Hunter-Lab	22.107, -8.26, -1.622
Binary	00100001, 01000100, 01000101

#214445
```
#214445 rgb(33,68,69)
```
#452221
```
#452221 rgb(69,34,33)
```

Complementary Color

#214534
```
#214534 rgb(33,69,52)
```
#214445
```
#214445 rgb(33,68,69)
```
#213245
```
#213245 rgb(33,50,69)
```

Analogous Color

#453421
```
#453421 rgb(69,52,33)
```
#214445
```
#214445 rgb(33,68,69)
```
#452132
```
#452132 rgb(69,33,50)
```

Split Complementary Color

#081111
```
#081111 rgb(8,17,17)
```
#112223
```
#112223 rgb(17,34,35)
```
#193334
```
#193334 rgb(25,51,52)
```
#214445
```
#214445 rgb(33,68,69)
```
#295556
```
#295556 rgb(41,85,86)
```
#326668
```
#326668 rgb(50,102,104)
```
#3a7779
```
#3a7779 rgb(58,119,121)
```

Monochromatic Color

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

#21453d
```
#21453d rgb(33,69,61)
```
#214540
```
#214540 rgb(33,69,64)
```
#214543
```
#214543 rgb(33,69,67)
```
#214445
```
#214445 rgb(33,68,69)
```
#214145
```
#214145 rgb(33,65,69)
```
#213e45
```
#213e45 rgb(33,62,69)
```
#213b45
```
#213b45 rgb(33,59,69)
```

Similar Colors

Text with hexadecimal color #214445

This text has a font color of #214445.

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

#214445 background color

This paragraph has a background color of #214445.

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

#214445 border color

This element has a border color of #214445.

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

CSS codes

.text {color:#214445;}

.background {background-color:#214445;}

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

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

#010303
```
#010303 rgb(1,3,3)
```
#081010
```
#081010 rgb(8,16,16)
```
#0e1d1d
```
#0e1d1d rgb(14,29,29)
```
#142a2a
```
#142a2a rgb(20,42,42)
```
#1b3738
```
#1b3738 rgb(27,55,56)
```
#214445
```
#214445 rgb(33,68,69)
```
#275152
```
#275152 rgb(39,81,82)
```
#2e5e60
```
#2e5e60 rgb(46,94,96)
```
#346b6d
```
#346b6d rgb(52,107,109)
```
#3a787a
```
#3a787a rgb(58,120,122)
```
#418587
```
#418587 rgb(65,133,135)
```
#479295
```
#479295 rgb(71,146,149)
```
#4da0a2
```
#4da0a2 rgb(77,160,162)
```

Shade Color Variation

#55abae
```
#55abae rgb(85,171,174)
```
#62b2b4
```
#62b2b4 rgb(98,178,180)
```
#70b8ba
```
#70b8ba rgb(112,184,186)
```
#7dbfc1
```
#7dbfc1 rgb(125,191,193)
```
#8ac5c7
```
#8ac5c7 rgb(138,197,199)
```
#98ccce
```
#98ccce rgb(152,204,206)
```
#a5d3d4
```
#a5d3d4 rgb(165,211,212)
```
#b2d9da
```
#b2d9da rgb(178,217,218)
```
#bfe0e1
```
#bfe0e1 rgb(191,224,225)
```
#cde6e7
```
#cde6e7 rgb(205,230,231)
```
#daeded
```
#daeded rgb(218,237,237)
```
#e7f3f4
```
#e7f3f4 rgb(231,243,244)
```
#f4fafa
```
#f4fafa rgb(244,250,250)
```

Tint Color Variation

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

#313535
```
#313535 rgb(49,53,53)
```
#2d3939
```
#2d3939 rgb(45,57,57)
```
#293d3d
```
#293d3d rgb(41,61,61)
```
#254041
```
#254041 rgb(37,64,65)
```
#214445
```
#214445 rgb(33,68,69)
```
#1d4849
```
#1d4849 rgb(29,72,73)
```
#194b4d
```
#194b4d rgb(25,75,77)
```
#154f51
```
#154f51 rgb(21,79,81)
```
#115355
```
#115355 rgb(17,83,85)
```
#0d5759
```
#0d5759 rgb(13,87,89)
```
#095a5d
```
#095a5d rgb(9,90,93)
```
#065e60
```
#065e60 rgb(6,94,96)
```
#026264
```
#026264 rgb(2,98,100)
```

Tone Color Variation

Below, you can see how #214445 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
#353c3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#48484b Protanopia 1% of men
#4a4651 Deuteranopia 1% of men
#2e4d52 Tritanopia 0.001% of the population

Trichromacy

#3a4649 Protanomaly 1% of men, 0.01% of women
#3b454c Deuteranomaly 6% of men, 0.4% of women
#29494d Tritanomaly 0.01% of the population