#21a7b5 hex color

In a RGB color space, hex #21a7b5 is composed of 12.9% red, 65.5% green and 71% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 7.7% magenta, 0% yellow and 29% black. It has a hue angle of 185.7 degrees, a saturation of 69.2% and a lightness of 42%. #21a7b5 color hex could be obtained by blending #42ffff with #004f6b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 65
- B 71
RGB color chart
- C 82
- M 8
- Y 0
- K 29
CMYK color chart

● #21a7b5 color description : Strong cyan.

The hexadecimal color #21a7b5 has RGB values of R:33, G:167, B:181 and CMYK values of C:0.82, M:0.08, Y:0, K:0.29. Its decimal value is 2205621.

Hex triplet	21a7b5	`#21a7b5`
RGB Decimal	33, 167, 181	`rgb(33,167,181)`
RGB Percent	12.9, 65.5, 71	`rgb(12.9%,65.5%,71%)`
CMYK	82, 8, 0, 29
HSL	185.7°, 69.2, 42	`hsl(185.7,69.2%,42%)`
HSV (or HSB)	185.7°, 81.8, 71
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.756, -28.865, -17.012
XYZ	22.784, 31.295, 48.553
xyY	0.222, 0.305, 31.295
CIE-LCH	62.756, 33.505, 210.513
CIE-LUV	62.756, -44.84, -21.848
Hunter-Lab	55.942, -25.198, -12.3
Binary	00100001, 10100111, 10110101

#21a7b5
```
#21a7b5 rgb(33,167,181)
```
#b52f21
```
#b52f21 rgb(181,47,33)
```

Complementary Color

#21b579
```
#21b579 rgb(33,181,121)
```
#21a7b5
```
#21a7b5 rgb(33,167,181)
```
#215db5
```
#215db5 rgb(33,93,181)
```

Analogous Color

#b57921
```
#b57921 rgb(181,121,33)
```
#21a7b5
```
#21a7b5 rgb(33,167,181)
```
#b5215d
```
#b5215d rgb(181,33,93)
```

Split Complementary Color

#a7b521
```
#a7b521 rgb(167,181,33)
```
#21a7b5
```
#21a7b5 rgb(33,167,181)
```
#b521a7
```
#b521a7 rgb(181,33,167)
```

Triadic Color

#21b52f
```
#21b52f rgb(33,181,47)
```
#21a7b5
```
#21a7b5 rgb(33,167,181)
```
#b521a7
```
#b521a7 rgb(181,33,167)
```
#b52f21
```
#b52f21 rgb(181,47,33)
```

Tetradic Color

#156b74
```
#156b74 rgb(21,107,116)
```
#197f8a
```
#197f8a rgb(25,127,138)
```
#1d939f
```
#1d939f rgb(29,147,159)
```
#21a7b5
```
#21a7b5 rgb(33,167,181)
```
#25bbcb
```
#25bbcb rgb(37,187,203)
```
#30c9d9
```
#30c9d9 rgb(48,201,217)
```
#45cfdd
```
#45cfdd rgb(69,207,221)
```

Monochromatic Color

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

#21b59e
```
#21b59e rgb(33,181,158)
```
#21b5aa
```
#21b5aa rgb(33,181,170)
```
#21b3b5
```
#21b3b5 rgb(33,179,181)
```
#21a7b5
```
#21a7b5 rgb(33,167,181)
```
#219bb5
```
#219bb5 rgb(33,155,181)
```
#218eb5
```
#218eb5 rgb(33,142,181)
```
#2182b5
```
#2182b5 rgb(33,130,181)
```

Similar Colors

Text with hexadecimal color #21a7b5

This text has a font color of #21a7b5.

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

#21a7b5 background color

This paragraph has a background color of #21a7b5.

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

#21a7b5 border color

This element has a border color of #21a7b5.

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

CSS codes

.text {color:#21a7b5;}

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

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

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, #030e0f is the darkest color, while #feffff is the lightest one.

#030e0f
```
#030e0f rgb(3,14,15)
```
#061d20
```
#061d20 rgb(6,29,32)
```
#092d30
```
#092d30 rgb(9,45,48)
```
#0c3c41
```
#0c3c41 rgb(12,60,65)
```
#0f4b51
```
#0f4b51 rgb(15,75,81)
```
#125a62
```
#125a62 rgb(18,90,98)
```
#156a73
```
#156a73 rgb(21,106,115)
```
#187983
```
#187983 rgb(24,121,131)
```
#1b8894
```
#1b8894 rgb(27,136,148)
```
#1e98a4
```
#1e98a4 rgb(30,152,164)
```
#21a7b5
```
#21a7b5 rgb(33,167,181)
```
#24b6c6
```
#24b6c6 rgb(36,182,198)
```
#27c6d6
```
#27c6d6 rgb(39,198,214)
```

Shade Color Variation

#36cbda
```
#36cbda rgb(54,203,218)
```
#47cfdd
```
#47cfdd rgb(71,207,221)
```
#58d4e0
```
#58d4e0 rgb(88,212,224)
```
#68d8e4
```
#68d8e4 rgb(104,216,228)
```
#79dce7
```
#79dce7 rgb(121,220,231)
```
#89e0ea
```
#89e0ea rgb(137,224,234)
```
#9ae5ed
```
#9ae5ed rgb(154,229,237)
```
#abe9f0
```
#abe9f0 rgb(171,233,240)
```
#bbedf3
```
#bbedf3 rgb(187,237,243)
```
#ccf2f6
```
#ccf2f6 rgb(204,242,246)
```
#dcf6f9
```
#dcf6f9 rgb(220,246,249)
```
#edfafc
```
#edfafc rgb(237,250,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #637273 is the less saturated color, while #00c2d6 is the most saturated one.

#637273
```
#637273 rgb(99,114,115)
```
#5b787b
```
#5b787b rgb(91,120,123)
```
#527f84
```
#527f84 rgb(82,127,132)
```
#4a868c
```
#4a868c rgb(74,134,140)
```
#428c94
```
#428c94 rgb(66,140,148)
```
#3a939c
```
#3a939c rgb(58,147,156)
```
#319aa5
```
#319aa5 rgb(49,154,165)
```
#29a0ad
```
#29a0ad rgb(41,160,173)
```
#21a7b5
```
#21a7b5 rgb(33,167,181)
```
#19aebd
```
#19aebd rgb(25,174,189)
```
#11b4c5
```
#11b4c5 rgb(17,180,197)
```
#08bbce
```
#08bbce rgb(8,187,206)
```
#00c2d6
```
#00c2d6 rgb(0,194,214)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6e898b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9caf Protanopia 1% of men
#999abf Deuteranopia 1% of men
#2babb8 Tritanopia 0.001% of the population

Trichromacy

#6ea0b1 Protanomaly 1% of men, 0.01% of women
#6d9ebb Deuteranomaly 6% of men, 0.4% of women
#27a9b7 Tritanomaly 0.01% of the population

#21a7b5 hex color

#21a7b5 Color Information

#21a7b5 Color Conversion

Color Schemes with #21a7b5

Alternatives to #21a7b5

#21a7b5 Preview

Shades and Tints of #21a7b5

Tones of #21a7b5

Color Blindness Simulator