colorhexa.com

#21baa8 hex color

In a RGB color space, hex #21baa8 is composed of 12.9% red, 72.9% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 0% magenta, 9.7% yellow and 27.1% black. It has a hue angle of 172.9 degrees, a saturation of 69.9% and a lightness of 42.9%. #21baa8 color hex could be obtained by blending #42ffff with #007551. Closest websafe color is: #33cc99.

- R 13
- G 73
- B 66
RGB color chart
- C 82
- M 0
- Y 10
- K 27
CMYK color chart

● #21baa8 color description : Strong cyan.

The hexadecimal color #21baa8 has RGB values of R:33, G:186, B:168 and CMYK values of C:0.82, M:0, Y:0.1, K:0.27. Its decimal value is 2210472.

Hex triplet	21baa8	`#21baa8`
RGB Decimal	33, 186, 168	`rgb(33,186,168)`
RGB Percent	12.9, 72.9, 65.9	`rgb(12.9%,72.9%,65.9%)`
CMYK	82, 0, 10, 27
HSL	172.9°, 69.9, 42.9	`hsl(172.9,69.9%,42.9%)`
HSV (or HSB)	172.9°, 82.3, 72.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.216, -41.57, -1.647
XYZ	25.252, 38.266, 43.099
xyY	0.237, 0.359, 38.266
CIE-LCH	68.216, 41.602, 182.269
CIE-LUV	68.216, -52.496, 3.886
Hunter-Lab	61.859, -35.388, 1.993
Binary	00100001, 10111010, 10101000

#21baa8
```
#21baa8 rgb(33,186,168)
```
#ba2133
```
#ba2133 rgb(186,33,51)
```

Complementary Color

#21ba5c
```
#21ba5c rgb(33,186,92)
```
#21baa8
```
#21baa8 rgb(33,186,168)
```
#2180ba
```
#2180ba rgb(33,128,186)
```

Analogous Color

#ba5c21
```
#ba5c21 rgb(186,92,33)
```
#21baa8
```
#21baa8 rgb(33,186,168)
```
#ba2180
```
#ba2180 rgb(186,33,128)
```

Split Complementary Color

#baa821
```
#baa821 rgb(186,168,33)
```
#21baa8
```
#21baa8 rgb(33,186,168)
```
#a821ba
```
#a821ba rgb(168,33,186)
```

Triadic Color

#33ba21
```
#33ba21 rgb(51,186,33)
```
#21baa8
```
#21baa8 rgb(33,186,168)
```
#a821ba
```
#a821ba rgb(168,33,186)
```
#ba2133
```
#ba2133 rgb(186,33,51)
```

Tetradic Color

#15796d
```
#15796d rgb(21,121,109)
```
#198f81
```
#198f81 rgb(25,143,129)
```
#1da494
```
#1da494 rgb(29,164,148)
```
#21baa8
```
#21baa8 rgb(33,186,168)
```
#25d0bc
```
#25d0bc rgb(37,208,188)
```
#33dbc7
```
#33dbc7 rgb(51,219,199)
```
#49dfcd
```
#49dfcd rgb(73,223,205)
```

Monochromatic Color

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

#21ba82
```
#21ba82 rgb(33,186,130)
```
#21ba8f
```
#21ba8f rgb(33,186,143)
```
#21ba9b
```
#21ba9b rgb(33,186,155)
```
#21baa8
```
#21baa8 rgb(33,186,168)
```
#21bab5
```
#21bab5 rgb(33,186,181)
```
#21b3ba
```
#21b3ba rgb(33,179,186)
```
#21a6ba
```
#21a6ba rgb(33,166,186)
```

Similar Colors

Text with hexadecimal color #21baa8

This text has a font color of #21baa8.

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

#21baa8 background color

This paragraph has a background color of #21baa8.

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

#21baa8 border color

This element has a border color of #21baa8.

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

CSS codes

.text {color:#21baa8;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#031312
```
#031312 rgb(3,19,18)
```
#062421
```
#062421 rgb(6,36,33)
```
#093530
```
#093530 rgb(9,53,48)
```
#0c453f
```
#0c453f rgb(12,69,63)
```
#0f564e
```
#0f564e rgb(15,86,78)
```
#12675d
```
#12675d rgb(18,103,93)
```
#15776c
```
#15776c rgb(21,119,108)
```
#18887b
```
#18887b rgb(24,136,123)
```
#1b998a
```
#1b998a rgb(27,153,138)
```
#1ea999
```
#1ea999 rgb(30,169,153)
```
#21baa8
```
#21baa8 rgb(33,186,168)
```
#24cbb7
```
#24cbb7 rgb(36,203,183)
```

Shade Color Variation

#29d9c4
```
#29d9c4 rgb(41,217,196)
```
#3adcc9
```
#3adcc9 rgb(58,220,201)
```
#4adfce
```
#4adfce rgb(74,223,206)
```
#5be2d2
```
#5be2d2 rgb(91,226,210)
```
#6ce5d7
```
#6ce5d7 rgb(108,229,215)
```
#7ce8db
```
#7ce8db rgb(124,232,219)
```
#8debe0
```
#8debe0 rgb(141,235,224)
```
#9eeee4
```
#9eeee4 rgb(158,238,228)
```
#aef1e9
```
#aef1e9 rgb(174,241,233)
```
#bff4ed
```
#bff4ed rgb(191,244,237)
```
#d0f7f2
```
#d0f7f2 rgb(208,247,242)
```
#e0faf7
```
#e0faf7 rgb(224,250,247)
```
#f1fdfb
```
#f1fdfb rgb(241,253,251)
```

Tint Color Variation

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

#6d6e6e
```
#6d6e6e rgb(109,110,110)
```
#647774
```
#647774 rgb(100,119,116)
```
#5c7f7b
```
#5c7f7b rgb(92,127,123)
```
#548781
```
#548781 rgb(84,135,129)
```
#4b9088
```
#4b9088 rgb(75,144,136)
```
#43988e
```
#43988e rgb(67,152,142)
```
#3aa195
```
#3aa195 rgb(58,161,149)
```
#32a99b
```
#32a99b rgb(50,169,155)
```
#29b2a2
```
#29b2a2 rgb(41,178,162)
```
#21baa8
```
#21baa8 rgb(33,186,168)
```
#19c2ae
```
#19c2ae rgb(25,194,174)
```
#10cbb5
```
#10cbb5 rgb(16,203,181)
```
#08d3bb
```
#08d3bb rgb(8,211,187)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#759490 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afaaa2 Protanopia 1% of men
#b5a6b4 Deuteranopia 1% of men
#45b9c7 Tritanopia 0.001% of the population

Trichromacy

#7bafa4 Protanomaly 1% of men, 0.01% of women
#7fadb0 Deuteranomaly 6% of men, 0.4% of women
#37b9bb Tritanomaly 0.01% of the population