#21ba9f hex color

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

♥
- f
- t
- g
- R 13
- G 73
- B 62
RGB color chart
- C 82
- M 0
- Y 15
- K 27
CMYK color chart

● #21ba9f color description : Strong cyan.

The hexadecimal color #21ba9f has RGB values of R:33, G:186, B:159 and CMYK values of C:0.82, M:0, Y:0.15, K:0.27. Its decimal value is 2210463.

Hex triplet	21ba9f	`#21ba9f`
RGB Decimal	33, 186, 159	`rgb(33,186,159)`
RGB Percent	12.9, 72.9, 62.4	`rgb(12.9%,72.9%,62.4%)`
CMYK	82, 0, 15, 27
HSL	169.4°, 69.9, 42.9	`hsl(169.4,69.9%,42.9%)`
HSV (or HSB)	169.4°, 82.3, 72.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.978, -44.016, 2.955
XYZ	24.442, 37.942, 38.834
xyY	0.241, 0.375, 37.942
CIE-LCH	67.978, 44.115, 176.16
CIE-LUV	67.978, -53.158, 11.106
Hunter-Lab	61.597, -36.965, 5.738
Binary	00100001, 10111010, 10011111

#21ba9f
```
#21ba9f rgb(33,186,159)
```
#ba213c
```
#ba213c rgb(186,33,60)
```

Complementary Color

#21ba53
```
#21ba53 rgb(33,186,83)
```
#21ba9f
```
#21ba9f rgb(33,186,159)
```
#2189ba
```
#2189ba rgb(33,137,186)
```

Analogous Color

#ba5321
```
#ba5321 rgb(186,83,33)
```
#21ba9f
```
#21ba9f rgb(33,186,159)
```
#ba2189
```
#ba2189 rgb(186,33,137)
```

Split Complementary Color

#ba9f21
```
#ba9f21 rgb(186,159,33)
```
#21ba9f
```
#21ba9f rgb(33,186,159)
```
#9f21ba
```
#9f21ba rgb(159,33,186)
```

Triadic Color

#3cba21
```
#3cba21 rgb(60,186,33)
```
#21ba9f
```
#21ba9f rgb(33,186,159)
```
#9f21ba
```
#9f21ba rgb(159,33,186)
```
#ba213c
```
#ba213c rgb(186,33,60)
```

Tetradic Color

#157967
```
#157967 rgb(21,121,103)
```
#198f7a
```
#198f7a rgb(25,143,122)
```
#1da48c
```
#1da48c rgb(29,164,140)
```
#21ba9f
```
#21ba9f rgb(33,186,159)
```
#25d0b2
```
#25d0b2 rgb(37,208,178)
```
#33dbbd
```
#33dbbd rgb(51,219,189)
```
#49dfc4
```
#49dfc4 rgb(73,223,196)
```

Monochromatic Color

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

#21ba79
```
#21ba79 rgb(33,186,121)
```
#21ba86
```
#21ba86 rgb(33,186,134)
```
#21ba92
```
#21ba92 rgb(33,186,146)
```
#21ba9f
```
#21ba9f rgb(33,186,159)
```
#21baac
```
#21baac rgb(33,186,172)
```
#21bab9
```
#21bab9 rgb(33,186,185)
```
#21afba
```
#21afba rgb(33,175,186)
```

Similar Colors

Text with hexadecimal color #21ba9f

This text has a font color of #21ba9f.

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

#21ba9f background color

This paragraph has a background color of #21ba9f.

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

#21ba9f border color

This element has a border color of #21ba9f.

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

CSS codes

.text {color:#21ba9f;}

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

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

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)
```
#031311
```
#031311 rgb(3,19,17)
```
#06241f
```
#06241f rgb(6,36,31)
```
#09352d
```
#09352d rgb(9,53,45)
```
#0c453b
```
#0c453b rgb(12,69,59)
```
#0f564a
```
#0f564a rgb(15,86,74)
```
#126758
```
#126758 rgb(18,103,88)
```
#157766
```
#157766 rgb(21,119,102)
```
#188874
```
#188874 rgb(24,136,116)
```
#1b9983
```
#1b9983 rgb(27,153,131)
```
#1ea991
```
#1ea991 rgb(30,169,145)
```
#21ba9f
```
#21ba9f rgb(33,186,159)
```
#24cbad
```
#24cbad rgb(36,203,173)
```

Shade Color Variation

#29d9ba
```
#29d9ba rgb(41,217,186)
```
#3adcbf
```
#3adcbf rgb(58,220,191)
```
#4adfc5
```
#4adfc5 rgb(74,223,197)
```
#5be2ca
```
#5be2ca rgb(91,226,202)
```
#6ce5d0
```
#6ce5d0 rgb(108,229,208)
```
#7ce8d5
```
#7ce8d5 rgb(124,232,213)
```
#8debda
```
#8debda rgb(141,235,218)
```
#9eeee0
```
#9eeee0 rgb(158,238,224)
```
#aef1e5
```
#aef1e5 rgb(174,241,229)
```
#bff4ea
```
#bff4ea rgb(191,244,234)
```
#d0f7f0
```
#d0f7f0 rgb(208,247,240)
```
#e0faf5
```
#e0faf5 rgb(224,250,245)
```
#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 #08d3af is the most saturated one.

#6d6e6e
```
#6d6e6e rgb(109,110,110)
```
#647773
```
#647773 rgb(100,119,115)
```
#5c7f79
```
#5c7f79 rgb(92,127,121)
```
#54877e
```
#54877e rgb(84,135,126)
```
#4b9084
```
#4b9084 rgb(75,144,132)
```
#439889
```
#439889 rgb(67,152,137)
```
#3aa18f
```
#3aa18f rgb(58,161,143)
```
#32a994
```
#32a994 rgb(50,169,148)
```
#29b29a
```
#29b29a rgb(41,178,154)
```
#21ba9f
```
#21ba9f rgb(33,186,159)
```
#19c2a4
```
#19c2a4 rgb(25,194,164)
```
#10cbaa
```
#10cbaa rgb(16,203,170)
```
#08d3af
```
#08d3af rgb(8,211,175)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#74938d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a99a Protanopia 1% of men
#b8a5ac Deuteranopia 1% of men
#49b8c6 Tritanopia 0.001% of the population

Trichromacy

#7caf9b Protanomaly 1% of men, 0.01% of women
#81aca7 Deuteranomaly 6% of men, 0.4% of women
#3ab9b7 Tritanomaly 0.01% of the population

#21ba9f hex color

#21ba9f Color Information

#21ba9f Color Conversion

Color Schemes with #21ba9f

Alternatives to #21ba9f

#21ba9f Preview

Shades and Tints of #21ba9f

Tones of #21ba9f

Color Blindness Simulator