colorhexa.com

#21bdae hex color

In a RGB color space, hex #21bdae is composed of 12.9% red, 74.1% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 0% magenta, 7.9% yellow and 25.9% black. It has a hue angle of 174.2 degrees, a saturation of 70.3% and a lightness of 43.5%. #21bdae color hex could be obtained by blending #42ffff with #007b5d. Closest websafe color is: #33cc99.

- R 13
- G 74
- B 68
RGB color chart
- C 83
- M 0
- Y 8
- K 26
CMYK color chart

● #21bdae color description : Strong cyan.

The hexadecimal color #21bdae has RGB values of R:33, G:189, B:174 and CMYK values of C:0.83, M:0, Y:0.08, K:0.26. Its decimal value is 2211246.

Hex triplet	21bdae	`#21bdae`
RGB Decimal	33, 189, 174	`rgb(33,189,174)`
RGB Percent	12.9, 74.1, 68.2	`rgb(12.9%,74.1%,68.2%)`
CMYK	83, 0, 8, 26
HSL	174.2°, 70.3, 43.5	`hsl(174.2,70.3%,43.5%)`
HSV (or HSB)	174.2°, 82.5, 74.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.307, -41.214, -3.342
XYZ	26.462, 39.772, 46.324
xyY	0.235, 0.353, 39.772
CIE-LCH	69.307, 41.35, 184.636
CIE-LUV	69.307, -53.098, 1.263
Hunter-Lab	63.065, -35.465, 0.594
Binary	00100001, 10111101, 10101110

#21bdae
```
#21bdae rgb(33,189,174)
```
#bd2130
```
#bd2130 rgb(189,33,48)
```

Complementary Color

#21bd60
```
#21bd60 rgb(33,189,96)
```
#21bdae
```
#21bdae rgb(33,189,174)
```
#217ebd
```
#217ebd rgb(33,126,189)
```

Analogous Color

#bd6021
```
#bd6021 rgb(189,96,33)
```
#21bdae
```
#21bdae rgb(33,189,174)
```
#bd217e
```
#bd217e rgb(189,33,126)
```

Split Complementary Color

#bdae21
```
#bdae21 rgb(189,174,33)
```
#21bdae
```
#21bdae rgb(33,189,174)
```
#ae21bd
```
#ae21bd rgb(174,33,189)
```

Triadic Color

#30bd21
```
#30bd21 rgb(48,189,33)
```
#21bdae
```
#21bdae rgb(33,189,174)
```
#ae21bd
```
#ae21bd rgb(174,33,189)
```
#bd2130
```
#bd2130 rgb(189,33,48)
```

Tetradic Color

#167c72
```
#167c72 rgb(22,124,114)
```
#199286
```
#199286 rgb(25,146,134)
```
#1da79a
```
#1da79a rgb(29,167,154)
```
#21bdae
```
#21bdae rgb(33,189,174)
```
#25d3c2
```
#25d3c2 rgb(37,211,194)
```
#35dccc
```
#35dccc rgb(53,220,204)
```
#4be0d1
```
#4be0d1 rgb(75,224,209)
```

Monochromatic Color

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

#21bd87
```
#21bd87 rgb(33,189,135)
```
#21bd94
```
#21bd94 rgb(33,189,148)
```
#21bda1
```
#21bda1 rgb(33,189,161)
```
#21bdae
```
#21bdae rgb(33,189,174)
```
#21bdbb
```
#21bdbb rgb(33,189,187)
```
#21b2bd
```
#21b2bd rgb(33,178,189)
```
#21a5bd
```
#21a5bd rgb(33,165,189)
```

Similar Colors

Text with hexadecimal color #21bdae

This text has a font color of #21bdae.

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

#21bdae background color

This paragraph has a background color of #21bdae.

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

#21bdae border color

This element has a border color of #21bdae.

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

CSS codes

.text {color:#21bdae;}

.background {background-color:#21bdae;}

.border {border:1px solid #21bdae;}

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

#010505
```
#010505 rgb(1,5,5)
```
#041614
```
#041614 rgb(4,22,20)
```
#072724
```
#072724 rgb(7,39,36)
```
#0a3733
```
#0a3733 rgb(10,55,51)
```
#0d4842
```
#0d4842 rgb(13,72,66)
```
#105952
```
#105952 rgb(16,89,82)
```
#126a61
```
#126a61 rgb(18,106,97)
```
#157a71
```
#157a71 rgb(21,122,113)
```
#188b80
```
#188b80 rgb(24,139,128)
```
#1b9c8f
```
#1b9c8f rgb(27,156,143)
```
#1eac9f
```
#1eac9f rgb(30,172,159)
```
#21bdae
```
#21bdae rgb(33,189,174)
```
#24cebd
```
#24cebd rgb(36,206,189)
```

Shade Color Variation

#2bdac9
```
#2bdac9 rgb(43,218,201)
```
#3cddcd
```
#3cddcd rgb(60,221,205)
```
#4de0d2
```
#4de0d2 rgb(77,224,210)
```
#5de3d6
```
#5de3d6 rgb(93,227,214)
```
#6ee6da
```
#6ee6da rgb(110,230,218)
```
#7fe9de
```
#7fe9de rgb(127,233,222)
```
#8fece3
```
#8fece3 rgb(143,236,227)
```
#a0eee7
```
#a0eee7 rgb(160,238,231)
```
#b1f1eb
```
#b1f1eb rgb(177,241,235)
```
#c2f4ef
```
#c2f4ef rgb(194,244,239)
```
#d2f7f4
```
#d2f7f4 rgb(210,247,244)
```
#e3faf8
```
#e3faf8 rgb(227,250,248)
```
#f4fdfc
```
#f4fdfc rgb(244,253,252)
```

Tint Color Variation

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

#6e7070
```
#6e7070 rgb(110,112,112)
```
#657977
```
#657977 rgb(101,121,119)
```
#5d817e
```
#5d817e rgb(93,129,126)
```
#548a85
```
#548a85 rgb(84,138,133)
```
#4c928c
```
#4c928c rgb(76,146,140)
```
#439b92
```
#439b92 rgb(67,155,146)
```
#3ba399
```
#3ba399 rgb(59,163,153)
```
#32aca0
```
#32aca0 rgb(50,172,160)
```
#2ab4a7
```
#2ab4a7 rgb(42,180,167)
```
#21bdae
```
#21bdae rgb(33,189,174)
```
#18c6b5
```
#18c6b5 rgb(24,198,181)
```
#10cebc
```
#10cebc rgb(16,206,188)
```
#07d7c3
```
#07d7c3 rgb(7,215,195)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#779794 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1aca7 Protanopia 1% of men
#b7a9ba Deuteranopia 1% of men
#44bcca Tritanopia 0.001% of the population

Trichromacy

#7db2aa Protanomaly 1% of men, 0.01% of women
#80b0b6 Deuteranomaly 6% of men, 0.4% of women
#37bcc0 Tritanomaly 0.01% of the population