#216a51 hex color

In a RGB color space, hex #216a51 is composed of 12.9% red, 41.6% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 0% magenta, 23.6% yellow and 58.4% black. It has a hue angle of 159.5 degrees, a saturation of 52.5% and a lightness of 27.3%. #216a51 color hex could be obtained by blending #42d4a2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 42
- B 32
RGB color chart
- C 69
- M 0
- Y 24
- K 58
CMYK color chart

● #216a51 color description : Very dark cyan - lime green.

The hexadecimal color #216a51 has RGB values of R:33, G:106, B:81 and CMYK values of C:0.69, M:0, Y:0.24, K:0.58. Its decimal value is 2189905.

Hex triplet	216a51	`#216a51`
RGB Decimal	33, 106, 81	`rgb(33,106,81)`
RGB Percent	12.9, 41.6, 31.8	`rgb(12.9%,41.6%,31.8%)`
CMYK	69, 0, 24, 58
HSL	159.5°, 52.5, 27.3	`hsl(159.5,52.5%,27.3%)`
HSV (or HSB)	159.5°, 68.9, 41.6
Web Safe	336666	`#336666`

CIE-LAB	39.957, -28.989, 7.561
XYZ	7.266, 11.225, 9.568
xyY	0.259, 0.4, 11.225
CIE-LCH	39.957, 29.958, 165.382
CIE-LUV	39.957, -28.886, 13.531
Hunter-Lab	33.503, -19.92, 6.521
Binary	00100001, 01101010, 01010001

#216a51
```
#216a51 rgb(33,106,81)
```
#6a213a
```
#6a213a rgb(106,33,58)
```

Complementary Color

#216a2d
```
#216a2d rgb(33,106,45)
```
#216a51
```
#216a51 rgb(33,106,81)
```
#215f6a
```
#215f6a rgb(33,95,106)
```

Analogous Color

#6a2d21
```
#6a2d21 rgb(106,45,33)
```
#216a51
```
#216a51 rgb(33,106,81)
```
#6a215f
```
#6a215f rgb(106,33,95)
```

Split Complementary Color

#6a5121
```
#6a5121 rgb(106,81,33)
```
#216a51
```
#216a51 rgb(33,106,81)
```
#51216a
```
#51216a rgb(81,33,106)
```

Triadic Color

#3a6a21
```
#3a6a21 rgb(58,106,33)
```
#216a51
```
#216a51 rgb(33,106,81)
```
#51216a
```
#51216a rgb(81,33,106)
```
#6a213a
```
#6a213a rgb(106,33,58)
```

Tetradic Color

#0f3024
```
#0f3024 rgb(15,48,36)
```
#154333
```
#154333 rgb(21,67,51)
```
#1b5742
```
#1b5742 rgb(27,87,66)
```
#216a51
```
#216a51 rgb(33,106,81)
```
#277d60
```
#277d60 rgb(39,125,96)
```
#2d916f
```
#2d916f rgb(45,145,111)
```
#33a47e
```
#33a47e rgb(51,164,126)
```

Monochromatic Color

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

#216a3f
```
#216a3f rgb(33,106,63)
```
#216a45
```
#216a45 rgb(33,106,69)
```
#216a4b
```
#216a4b rgb(33,106,75)
```
#216a51
```
#216a51 rgb(33,106,81)
```
#216a57
```
#216a57 rgb(33,106,87)
```
#216a5d
```
#216a5d rgb(33,106,93)
```
#216a63
```
#216a63 rgb(33,106,99)
```

Similar Colors

Text with hexadecimal color #216a51

This text has a font color of #216a51.

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

#216a51 background color

This paragraph has a background color of #216a51.

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

#216a51 border color

This element has a border color of #216a51.

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

CSS codes

.text {color:#216a51;}

.background {background-color:#216a51;}

.border {border:1px solid #216a51;}

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

#000101
```
#000101 rgb(0,1,1)
```
#05100c
```
#05100c rgb(5,16,12)
```
#0a1f18
```
#0a1f18 rgb(10,31,24)
```
#0e2e23
```
#0e2e23 rgb(14,46,35)
```
#133d2f
```
#133d2f rgb(19,61,47)
```
#184c3a
```
#184c3a rgb(24,76,58)
```
#1c5b46
```
#1c5b46 rgb(28,91,70)
```
#216a51
```
#216a51 rgb(33,106,81)
```
#26795c
```
#26795c rgb(38,121,92)
```
#2a8868
```
#2a8868 rgb(42,136,104)
```
#2f9773
```
#2f9773 rgb(47,151,115)
```
#34a67f
```
#34a67f rgb(52,166,127)
```
#38b58a
```
#38b58a rgb(56,181,138)
```

Shade Color Variation

#3ec395
```
#3ec395 rgb(62,195,149)
```
#4dc89d
```
#4dc89d rgb(77,200,157)
```
#5ccca6
```
#5ccca6 rgb(92,204,166)
```
#6bd1ae
```
#6bd1ae rgb(107,209,174)
```
#7ad5b6
```
#7ad5b6 rgb(122,213,182)
```
#89dabe
```
#89dabe rgb(137,218,190)
```
#98dfc6
```
#98dfc6 rgb(152,223,198)
```
#a7e3cf
```
#a7e3cf rgb(167,227,207)
```
#b5e8d7
```
#b5e8d7 rgb(181,232,215)
```
#c4eddf
```
#c4eddf rgb(196,237,223)
```
#d3f1e7
```
#d3f1e7 rgb(211,241,231)
```
#e2f6ef
```
#e2f6ef rgb(226,246,239)
```
#f1fbf8
```
#f1fbf8 rgb(241,251,248)
```

Tint Color Variation

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

#414a47
```
#414a47 rgb(65,74,71)
```
#3c4f49
```
#3c4f49 rgb(60,79,73)
```
#36554a
```
#36554a rgb(54,85,74)
```
#315a4c
```
#315a4c rgb(49,90,76)
```
#2c5f4e
```
#2c5f4e rgb(44,95,78)
```
#26654f
```
#26654f rgb(38,101,79)
```
#216a51
```
#216a51 rgb(33,106,81)
```
#1c6f53
```
#1c6f53 rgb(28,111,83)
```
#167554
```
#167554 rgb(22,117,84)
```
#117a56
```
#117a56 rgb(17,122,86)
```
#0c7f58
```
#0c7f58 rgb(12,127,88)
```
#068559
```
#068559 rgb(6,133,89)
```
#018a5b
```
#018a5b rgb(1,138,91)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#475651 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6654 Protanopia 1% of men
#72635f Deuteranopia 1% of men
#396d75 Tritanopia 0.001% of the population

Trichromacy

#506753 Protanomaly 1% of men, 0.01% of women
#556559 Deuteranomaly 6% of men, 0.4% of women
#306c68 Tritanomaly 0.01% of the population

#216a51 hex color

#216a51 Color Information

#216a51 Color Conversion

Color Schemes with #216a51

Alternatives to #216a51

#216a51 Preview

Shades and Tints of #216a51

Tones of #216a51

Color Blindness Simulator