colorhexa.com

#21c4bf hex color

In a RGB color space, hex #21c4bf is composed of 12.9% red, 76.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 0% magenta, 2.6% yellow and 23.1% black. It has a hue angle of 178.2 degrees, a saturation of 71.2% and a lightness of 44.9%. #21c4bf color hex could be obtained by blending #42ffff with #00897f. Closest websafe color is: #33cccc.

- R 13
- G 77
- B 75
RGB color chart
- C 83
- M 0
- Y 3
- K 23
CMYK color chart

● #21c4bf color description : Strong cyan.

The hexadecimal color #21c4bf has RGB values of R:33, G:196, B:191 and CMYK values of C:0.83, M:0, Y:0.03, K:0.23. Its decimal value is 2213055.

Hex triplet	21c4bf	`#21c4bf`
RGB Decimal	33, 196, 191	`rgb(33,196,191)`
RGB Percent	12.9, 76.9, 74.9	`rgb(12.9%,76.9%,74.9%)`
CMYK	83, 0, 3, 23
HSL	178.2°, 71.2, 44.9	`hsl(178.2,71.2%,44.9%)`
HSV (or HSB)	178.2°, 83.2, 76.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.935, -39.476, -8.75
XYZ	29.768, 43.562, 56.127
xyY	0.23, 0.336, 43.562
CIE-LCH	71.935, 40.434, 192.498
CIE-LUV	71.935, -54.252, -7.432
Hunter-Lab	66.001, -34.995, -4.218
Binary	00100001, 11000100, 10111111

#21c4bf
```
#21c4bf rgb(33,196,191)
```
#c42126
```
#c42126 rgb(196,33,38)
```

Complementary Color

#21c46e
```
#21c46e rgb(33,196,110)
```
#21c4bf
```
#21c4bf rgb(33,196,191)
```
#2178c4
```
#2178c4 rgb(33,120,196)
```

Analogous Color

#c46e21
```
#c46e21 rgb(196,110,33)
```
#21c4bf
```
#21c4bf rgb(33,196,191)
```
#c42178
```
#c42178 rgb(196,33,120)
```

Split Complementary Color

#c4bf21
```
#c4bf21 rgb(196,191,33)
```
#21c4bf
```
#21c4bf rgb(33,196,191)
```
#bf21c4
```
#bf21c4 rgb(191,33,196)
```

Triadic Color

#26c421
```
#26c421 rgb(38,196,33)
```
#21c4bf
```
#21c4bf rgb(33,196,191)
```
#bf21c4
```
#bf21c4 rgb(191,33,196)
```
#c42126
```
#c42126 rgb(196,33,38)
```

Tetradic Color

#16837f
```
#16837f rgb(22,131,127)
```
#1a9894
```
#1a9894 rgb(26,152,148)
```
#1daeaa
```
#1daeaa rgb(29,174,170)
```
#21c4bf
```
#21c4bf rgb(33,196,191)
```
#25dad4
```
#25dad4 rgb(37,218,212)
```
#3aded9
```
#3aded9 rgb(58,222,217)
```
#50e2dd
```
#50e2dd rgb(80,226,221)
```

Monochromatic Color

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

#21c496
```
#21c496 rgb(33,196,150)
```
#21c4a4
```
#21c4a4 rgb(33,196,164)
```
#21c4b1
```
#21c4b1 rgb(33,196,177)
```
#21c4bf
```
#21c4bf rgb(33,196,191)
```
#21bbc4
```
#21bbc4 rgb(33,187,196)
```
#21aec4
```
#21aec4 rgb(33,174,196)
```
#21a0c4
```
#21a0c4 rgb(33,160,196)
```

Similar Colors

Text with hexadecimal color #21c4bf

This text has a font color of #21c4bf.

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

#21c4bf background color

This paragraph has a background color of #21c4bf.

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

#21c4bf border color

This element has a border color of #21c4bf.

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

CSS codes

.text {color:#21c4bf;}

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

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

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, #020b0b is the darkest color, while #fafefe is the lightest one.

#020b0b
```
#020b0b rgb(2,11,11)
```
#051c1b
```
#051c1b rgb(5,28,27)
```
#082d2c
```
#082d2c rgb(8,45,44)
```
#0a3e3c
```
#0a3e3c rgb(10,62,60)
```
#0d4e4c
```
#0d4e4c rgb(13,78,76)
```
#105f5d
```
#105f5d rgb(16,95,93)
```
#13706d
```
#13706d rgb(19,112,109)
```
#16817e
```
#16817e rgb(22,129,126)
```
#19928e
```
#19928e rgb(25,146,142)
```
#1ba29e
```
#1ba29e rgb(27,162,158)
```
#1eb3af
```
#1eb3af rgb(30,179,175)
```
#21c4bf
```
#21c4bf rgb(33,196,191)
```
#24d5cf
```
#24d5cf rgb(36,213,207)
```

Shade Color Variation

#30dcd7
```
#30dcd7 rgb(48,220,215)
```
#41dfda
```
#41dfda rgb(65,223,218)
```
#52e2dd
```
#52e2dd rgb(82,226,221)
```
#62e5e1
```
#62e5e1 rgb(98,229,225)
```
#73e7e4
```
#73e7e4 rgb(115,231,228)
```
#84eae7
```
#84eae7 rgb(132,234,231)
```
#95edea
```
#95edea rgb(149,237,234)
```
#a6f0ee
```
#a6f0ee rgb(166,240,238)
```
#b6f3f1
```
#b6f3f1 rgb(182,243,241)
```
#c7f6f4
```
#c7f6f4 rgb(199,246,244)
```
#d8f8f7
```
#d8f8f7 rgb(216,248,247)
```
#e9fbfb
```
#e9fbfb rgb(233,251,251)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#707575
```
#707575 rgb(112,117,117)
```
#677e7d
```
#677e7d rgb(103,126,125)
```
#5f8685
```
#5f8685 rgb(95,134,133)
```
#568f8d
```
#568f8d rgb(86,143,141)
```
#4d9896
```
#4d9896 rgb(77,152,150)
```
#44a19e
```
#44a19e rgb(68,161,158)
```
#3baaa6
```
#3baaa6 rgb(59,170,166)
```
#33b2ae
```
#33b2ae rgb(51,178,174)
```
#2abbb7
```
#2abbb7 rgb(42,187,183)
```
#21c4bf
```
#21c4bf rgb(33,196,191)
```
#18cdc7
```
#18cdc7 rgb(24,205,199)
```
#0fd6d0
```
#0fd6d0 rgb(15,214,208)
```
#07ded8
```
#07ded8 rgb(7,222,216)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7c9d9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b3b7 Protanopia 1% of men
#bab0ca Deuteranopia 1% of men
#3fc4d2 Tritanopia 0.001% of the population

Trichromacy

#80b9ba Protanomaly 1% of men, 0.01% of women
#82b7c6 Deuteranomaly 6% of men, 0.4% of women
#34c4cb Tritanomaly 0.01% of the population