#214a46 hex color

In a RGB color space, hex #214a46 is composed of 12.9% red, 29% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 0% magenta, 5.4% yellow and 71% black. It has a hue angle of 174.1 degrees, a saturation of 38.3% and a lightness of 21%. #214a46 color hex could be obtained by blending #42948c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 29
- B 27
RGB color chart
- C 55
- M 0
- Y 5
- K 71
CMYK color chart

● #214a46 color description : Very dark desaturated cyan.

The hexadecimal color #214a46 has RGB values of R:33, G:74, B:70 and CMYK values of C:0.55, M:0, Y:0.05, K:0.71. Its decimal value is 2181702.

Hex triplet	214a46	`#214a46`
RGB Decimal	33, 74, 70	`rgb(33,74,70)`
RGB Percent	12.9, 29, 27.5	`rgb(12.9%,29%,27.5%)`
CMYK	55, 0, 5, 71
HSL	174.1°, 38.3, 21	`hsl(174.1,38.3%,21%)`
HSV (or HSB)	174.1°, 55.4, 29
Web Safe	333333	`#333333`

CIE-LAB	28.545, -15.501, -2.026
XYZ	4.181, 5.663, 6.667
xyY	0.253, 0.343, 5.663
CIE-LCH	28.545, 15.633, 187.446
CIE-LUV	28.545, -16.542, -0.48
Hunter-Lab	23.797, -10.281, 0.047
Binary	00100001, 01001010, 01000110

#214a46
```
#214a46 rgb(33,74,70)
```
#4a2125
```
#4a2125 rgb(74,33,37)
```

Complementary Color

#214a32
```
#214a32 rgb(33,74,50)
```
#214a46
```
#214a46 rgb(33,74,70)
```
#213a4a
```
#213a4a rgb(33,58,74)
```

Analogous Color

#4a3221
```
#4a3221 rgb(74,50,33)
```
#214a46
```
#214a46 rgb(33,74,70)
```
#4a213a
```
#4a213a rgb(74,33,58)
```

Split Complementary Color

#4a4621
```
#4a4621 rgb(74,70,33)
```
#214a46
```
#214a46 rgb(33,74,70)
```
#46214a
```
#46214a rgb(70,33,74)
```

Triadic Color

#254a21
```
#254a21 rgb(37,74,33)
```
#214a46
```
#214a46 rgb(33,74,70)
```
#46214a
```
#46214a rgb(70,33,74)
```
#4a2125
```
#4a2125 rgb(74,33,37)
```

Tetradic Color

#091514
```
#091514 rgb(9,21,20)
```
#112725
```
#112725 rgb(17,39,37)
```
#193835
```
#193835 rgb(25,56,53)
```
#214a46
```
#214a46 rgb(33,74,70)
```
#295c57
```
#295c57 rgb(41,92,87)
```
#316d67
```
#316d67 rgb(49,109,103)
```
#397f78
```
#397f78 rgb(57,127,120)
```

Monochromatic Color

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

#214a3c
```
#214a3c rgb(33,74,60)
```
#214a3f
```
#214a3f rgb(33,74,63)
```
#214a43
```
#214a43 rgb(33,74,67)
```
#214a46
```
#214a46 rgb(33,74,70)
```
#214a49
```
#214a49 rgb(33,74,73)
```
#21474a
```
#21474a rgb(33,71,74)
```
#21444a
```
#21444a rgb(33,68,74)
```

Similar Colors

Text with hexadecimal color #214a46

This text has a font color of #214a46.

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

#214a46 background color

This paragraph has a background color of #214a46.

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

#214a46 border color

This element has a border color of #214a46.

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

CSS codes

.text {color:#214a46;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#091413
```
#091413 rgb(9,20,19)
```
#0f2120
```
#0f2120 rgb(15,33,32)
```
#152f2c
```
#152f2c rgb(21,47,44)
```
#1b3c39
```
#1b3c39 rgb(27,60,57)
```
#214a46
```
#214a46 rgb(33,74,70)
```
#275853
```
#275853 rgb(39,88,83)
```
#2d6560
```
#2d6560 rgb(45,101,96)
```
#33736c
```
#33736c rgb(51,115,108)
```
#398079
```
#398079 rgb(57,128,121)
```
#3f8e86
```
#3f8e86 rgb(63,142,134)
```
#459b93
```
#459b93 rgb(69,155,147)
```
#4ba9a0
```
#4ba9a0 rgb(75,169,160)
```

Shade Color Variation

#55b3aa
```
#55b3aa rgb(85,179,170)
```
#62b9b1
```
#62b9b1 rgb(98,185,177)
```
#70bfb7
```
#70bfb7 rgb(112,191,183)
```
#7ec5be
```
#7ec5be rgb(126,197,190)
```
#8bcbc5
```
#8bcbc5 rgb(139,203,197)
```
#99d1cc
```
#99d1cc rgb(153,209,204)
```
#a6d7d3
```
#a6d7d3 rgb(166,215,211)
```
#b4ddd9
```
#b4ddd9 rgb(180,221,217)
```
#c1e4e0
```
#c1e4e0 rgb(193,228,224)
```
#cfeae7
```
#cfeae7 rgb(207,234,231)
```
#dcf0ee
```
#dcf0ee rgb(220,240,238)
```
#eaf6f5
```
#eaf6f5 rgb(234,246,245)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

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

#313a39
```
#313a39 rgb(49,58,57)
```
#2d3e3c
```
#2d3e3c rgb(45,62,60)
```
#29423f
```
#29423f rgb(41,66,63)
```
#254643
```
#254643 rgb(37,70,67)
```
#214a46
```
#214a46 rgb(33,74,70)
```
#1d4e49
```
#1d4e49 rgb(29,78,73)
```
#19524d
```
#19524d rgb(25,82,77)
```
#155650
```
#155650 rgb(21,86,80)
```
#115a53
```
#115a53 rgb(17,90,83)
```
#0c5f57
```
#0c5f57 rgb(12,95,87)
```
#08635a
```
#08635a rgb(8,99,90)
```
#04675d
```
#04675d rgb(4,103,93)
```
#006b60
```
#006b60 rgb(0,107,96)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#37403f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e4c4c Protanopia 1% of men
#514b52 Deuteranopia 1% of men
#2f5258 Tritanopia 0.001% of the population

Trichromacy

#3e4b49 Protanomaly 1% of men, 0.01% of women
#3f4a4e Deuteranomaly 6% of men, 0.4% of women
#2a4f51 Tritanomaly 0.01% of the population

#214a46 hex color

#214a46 Color Information

#214a46 Color Conversion

Color Schemes with #214a46

Alternatives to #214a46

#214a46 Preview

Shades and Tints of #214a46

Tones of #214a46

Color Blindness Simulator