#214746 hex color

In a RGB color space, hex #214746 is composed of 12.9% red, 27.8% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 0% magenta, 1.4% yellow and 72.2% black. It has a hue angle of 178.4 degrees, a saturation of 36.5% and a lightness of 20.4%. #214746 color hex could be obtained by blending #428e8c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 28
- B 27
RGB color chart
- C 54
- M 0
- Y 1
- K 72
CMYK color chart

● #214746 color description : Very dark desaturated cyan.

The hexadecimal color #214746 has RGB values of R:33, G:71, B:70 and CMYK values of C:0.54, M:0, Y:0.01, K:0.72. Its decimal value is 2180934.

Hex triplet	214746	`#214746`
RGB Decimal	33, 71, 70	`rgb(33,71,70)`
RGB Percent	12.9, 27.8, 27.5	`rgb(12.9%,27.8%,27.5%)`
CMYK	54, 0, 1, 72
HSL	178.4°, 36.5, 20.4	`hsl(178.4,36.5%,20.4%)`
HSV (or HSB)	178.4°, 53.5, 27.8
Web Safe	333333	`#333333`

CIE-LAB	27.495, -13.771, -3.578
XYZ	3.986, 5.272, 6.602
xyY	0.251, 0.332, 5.272
CIE-LCH	27.495, 14.228, 194.566
CIE-LUV	27.495, -15.319, -2.538
Hunter-Lab	22.96, -9.195, -0.975
Binary	00100001, 01000111, 01000110

#214746
```
#214746 rgb(33,71,70)
```
#472122
```
#472122 rgb(71,33,34)
```

Complementary Color

#214733
```
#214733 rgb(33,71,51)
```
#214746
```
#214746 rgb(33,71,70)
```
#213547
```
#213547 rgb(33,53,71)
```

Analogous Color

#473321
```
#473321 rgb(71,51,33)
```
#214746
```
#214746 rgb(33,71,70)
```
#472135
```
#472135 rgb(71,33,53)
```

Split Complementary Color

#474621
```
#474621 rgb(71,70,33)
```
#214746
```
#214746 rgb(33,71,70)
```
#462147
```
#462147 rgb(70,33,71)
```

Triadic Color

#224721
```
#224721 rgb(34,71,33)
```
#214746
```
#214746 rgb(33,71,70)
```
#462147
```
#462147 rgb(70,33,71)
```
#472122
```
#472122 rgb(71,33,34)
```

Tetradic Color

#091313
```
#091313 rgb(9,19,19)
```
#112424
```
#112424 rgb(17,36,36)
```
#193635
```
#193635 rgb(25,54,53)
```
#214746
```
#214746 rgb(33,71,70)
```
#295857
```
#295857 rgb(41,88,87)
```
#316a68
```
#316a68 rgb(49,106,104)
```
#397b79
```
#397b79 rgb(57,123,121)
```

Monochromatic Color

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

#21473d
```
#21473d rgb(33,71,61)
```
#214740
```
#214740 rgb(33,71,64)
```
#214743
```
#214743 rgb(33,71,67)
```
#214746
```
#214746 rgb(33,71,70)
```
#214547
```
#214547 rgb(33,69,71)
```
#214247
```
#214247 rgb(33,66,71)
```
#213f47
```
#213f47 rgb(33,63,71)
```

Similar Colors

Text with hexadecimal color #214746

This text has a font color of #214746.

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

#214746 background color

This paragraph has a background color of #214746.

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

#214746 border color

This element has a border color of #214746.

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

CSS codes

.text {color:#214746;}

.background {background-color:#214746;}

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

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

#020404
```
#020404 rgb(2,4,4)
```
#081111
```
#081111 rgb(8,17,17)
```
#0e1f1e
```
#0e1f1e rgb(14,31,30)
```
#152c2c
```
#152c2c rgb(21,44,44)
```
#1b3a39
```
#1b3a39 rgb(27,58,57)
```
#214746
```
#214746 rgb(33,71,70)
```
#275453
```
#275453 rgb(39,84,83)
```
#2d6260
```
#2d6260 rgb(45,98,96)
```
#346f6e
```
#346f6e rgb(52,111,110)
```
#3a7d7b
```
#3a7d7b rgb(58,125,123)
```
#408a88
```
#408a88 rgb(64,138,136)
```
#469795
```
#469795 rgb(70,151,149)
```
#4da5a2
```
#4da5a2 rgb(77,165,162)
```

Shade Color Variation

#55b0ae
```
#55b0ae rgb(85,176,174)
```
#62b6b4
```
#62b6b4 rgb(98,182,180)
```
#70bcba
```
#70bcba rgb(112,188,186)
```
#7dc3c1
```
#7dc3c1 rgb(125,195,193)
```
#8bc9c7
```
#8bc9c7 rgb(139,201,199)
```
#98cfce
```
#98cfce rgb(152,207,206)
```
#a5d5d4
```
#a5d5d4 rgb(165,213,212)
```
#b3dcda
```
#b3dcda rgb(179,220,218)
```
#c0e2e1
```
#c0e2e1 rgb(192,226,225)
```
#cde8e7
```
#cde8e7 rgb(205,232,231)
```
#dbeeee
```
#dbeeee rgb(219,238,238)
```
#e8f4f4
```
#e8f4f4 rgb(232,244,244)
```
#f6fbfb
```
#f6fbfb rgb(246,251,251)
```

Tint Color Variation

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

#313737
```
#313737 rgb(49,55,55)
```
#2d3b3b
```
#2d3b3b rgb(45,59,59)
```
#293f3e
```
#293f3e rgb(41,63,62)
```
#254342
```
#254342 rgb(37,67,66)
```
#214746
```
#214746 rgb(33,71,70)
```
#1d4b4a
```
#1d4b4a rgb(29,75,74)
```
#194f4e
```
#194f4e rgb(25,79,78)
```
#155351
```
#155351 rgb(21,83,81)
```
#115755
```
#115755 rgb(17,87,85)
```
#0d5b59
```
#0d5b59 rgb(13,91,89)
```
#095f5d
```
#095f5d rgb(9,95,93)
```
#056361
```
#056361 rgb(5,99,97)
```
#016764
```
#016764 rgb(1,103,100)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#373e3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4a4c Protanopia 1% of men
#4e4852 Deuteranopia 1% of men
#2e4f55 Tritanopia 0.001% of the population

Trichromacy

#3c4949 Protanomaly 1% of men, 0.01% of women
#3d484d Deuteranomaly 6% of men, 0.4% of women
#294c4f Tritanomaly 0.01% of the population

#214746 hex color

#214746 Color Information

#214746 Color Conversion

Color Schemes with #214746

Alternatives to #214746

#214746 Preview

Shades and Tints of #214746

Tones of #214746

Color Blindness Simulator