#21afb7 hex color

In a RGB color space, hex #21afb7 is composed of 12.9% red, 68.6% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 4.4% magenta, 0% yellow and 28.2% black. It has a hue angle of 183.2 degrees, a saturation of 69.4% and a lightness of 42.4%. #21afb7 color hex could be obtained by blending #42ffff with #005f6f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 69
- B 72
RGB color chart
- C 82
- M 4
- Y 0
- K 28
CMYK color chart

● #21afb7 color description : Strong cyan.

The hexadecimal color #21afb7 has RGB values of R:33, G:175, B:183 and CMYK values of C:0.82, M:0.04, Y:0, K:0.28. Its decimal value is 2207671.

Hex triplet	21afb7	`#21afb7`
RGB Decimal	33, 175, 183	`rgb(33,175,183)`
RGB Percent	12.9, 68.6, 71.8	`rgb(12.9%,68.6%,71.8%)`
CMYK	82, 4, 0, 28
HSL	183.2°, 69.4, 42.4	`hsl(183.2,69.4%,42.4%)`
HSV (or HSB)	183.2°, 82, 71.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.279, -32.122, -14.314
XYZ	24.502, 34.4, 50.146
xyY	0.225, 0.315, 34.4
CIE-LCH	65.279, 35.167, 204.019
CIE-LUV	65.279, -47.516, -17.185
Hunter-Lab	58.651, -28.071, -9.636
Binary	00100001, 10101111, 10110111

#21afb7
```
#21afb7 rgb(33,175,183)
```
#b72921
```
#b72921 rgb(183,41,33)
```

Complementary Color

#21b774
```
#21b774 rgb(33,183,116)
```
#21afb7
```
#21afb7 rgb(33,175,183)
```
#2164b7
```
#2164b7 rgb(33,100,183)
```

Analogous Color

#b77421
```
#b77421 rgb(183,116,33)
```
#21afb7
```
#21afb7 rgb(33,175,183)
```
#b72164
```
#b72164 rgb(183,33,100)
```

Split Complementary Color

#afb721
```
#afb721 rgb(175,183,33)
```
#21afb7
```
#21afb7 rgb(33,175,183)
```
#b721af
```
#b721af rgb(183,33,175)
```

Triadic Color

#21b729
```
#21b729 rgb(33,183,41)
```
#21afb7
```
#21afb7 rgb(33,175,183)
```
#b721af
```
#b721af rgb(183,33,175)
```
#b72921
```
#b72921 rgb(183,41,33)
```

Tetradic Color

#157176
```
#157176 rgb(21,113,118)
```
#19868c
```
#19868c rgb(25,134,140)
```
#1d9aa1
```
#1d9aa1 rgb(29,154,161)
```
#21afb7
```
#21afb7 rgb(33,175,183)
```
#25c4cd
```
#25c4cd rgb(37,196,205)
```
#31d1da
```
#31d1da rgb(49,209,218)
```
#47d6de
```
#47d6de rgb(71,214,222)
```

Monochromatic Color

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

#21b79a
```
#21b79a rgb(33,183,154)
```
#21b7a6
```
#21b7a6 rgb(33,183,166)
```
#21b7b3
```
#21b7b3 rgb(33,183,179)
```
#21afb7
```
#21afb7 rgb(33,175,183)
```
#21a3b7
```
#21a3b7 rgb(33,163,183)
```
#2196b7
```
#2196b7 rgb(33,150,183)
```
#218ab7
```
#218ab7 rgb(33,138,183)
```

Similar Colors

Text with hexadecimal color #21afb7

This text has a font color of #21afb7.

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

#21afb7 background color

This paragraph has a background color of #21afb7.

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

#21afb7 border color

This element has a border color of #21afb7.

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

CSS codes

.text {color:#21afb7;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#031011
```
#031011 rgb(3,16,17)
```
#062021
```
#062021 rgb(6,32,33)
```
#093032
```
#093032 rgb(9,48,50)
```
#0c4043
```
#0c4043 rgb(12,64,67)
```
#0f5053
```
#0f5053 rgb(15,80,83)
```
#126064
```
#126064 rgb(18,96,100)
```
#156f75
```
#156f75 rgb(21,111,117)
```
#187f85
```
#187f85 rgb(24,127,133)
```
#1b8f96
```
#1b8f96 rgb(27,143,150)
```
#1e9fa6
```
#1e9fa6 rgb(30,159,166)
```
#21afb7
```
#21afb7 rgb(33,175,183)
```
#24bfc8
```
#24bfc8 rgb(36,191,200)
```

Shade Color Variation

#27cfd8
```
#27cfd8 rgb(39,207,216)
```
#38d2db
```
#38d2db rgb(56,210,219)
```
#48d6de
```
#48d6de rgb(72,214,222)
```
#59dae1
```
#59dae1 rgb(89,218,225)
```
#6adee4
```
#6adee4 rgb(106,222,228)
```
#7ae1e7
```
#7ae1e7 rgb(122,225,231)
```
#8be5ea
```
#8be5ea rgb(139,229,234)
```
#9be9ed
```
#9be9ed rgb(155,233,237)
```
#acecf0
```
#acecf0 rgb(172,236,240)
```
#bdf0f3
```
#bdf0f3 rgb(189,240,243)
```
#cdf4f6
```
#cdf4f6 rgb(205,244,246)
```
#def8f9
```
#def8f9 rgb(222,248,249)
```
#effbfc
```
#effbfc rgb(239,251,252)
```

Tint Color Variation

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

#6c6c6c
```
#6c6c6c rgb(108,108,108)
```
#637475
```
#637475 rgb(99,116,117)
```
#5b7b7d
```
#5b7b7d rgb(91,123,125)
```
#538285
```
#538285 rgb(83,130,133)
```
#4b8a8d
```
#4b8a8d rgb(75,138,141)
```
#429196
```
#429196 rgb(66,145,150)
```
#3a999e
```
#3a999e rgb(58,153,158)
```
#32a0a6
```
#32a0a6 rgb(50,160,166)
```
#29a8af
```
#29a8af rgb(41,168,175)
```
#21afb7
```
#21afb7 rgb(33,175,183)
```
#19b6bf
```
#19b6bf rgb(25,182,191)
```
#10bec8
```
#10bec8 rgb(16,190,200)
```
#08c5d0
```
#08c5d0 rgb(8,197,208)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#718d8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a2b0 Protanopia 1% of men
#a2a0c1 Deuteranopia 1% of men
#32b2bf Tritanopia 0.001% of the population

Trichromacy

#73a7b3 Protanomaly 1% of men, 0.01% of women
#73a5bd Deuteranomaly 6% of men, 0.4% of women
#2cb1bc Tritanomaly 0.01% of the population

#21afb7 hex color

#21afb7 Color Information

#21afb7 Color Conversion

Color Schemes with #21afb7

Alternatives to #21afb7

#21afb7 Preview

Shades and Tints of #21afb7

Tones of #21afb7

Color Blindness Simulator