#21c0bc hex color

In a RGB color space, hex #21c0bc is composed of 12.9% red, 75.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 0% magenta, 2.1% yellow and 24.7% black. It has a hue angle of 178.5 degrees, a saturation of 70.7% and a lightness of 44.1%. #21c0bc color hex could be obtained by blending #42ffff with #008179. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 75
- B 74
RGB color chart
- C 83
- M 0
- Y 2
- K 25
CMYK color chart

● #21c0bc color description : Strong cyan.

The hexadecimal color #21c0bc has RGB values of R:33, G:192, B:188 and CMYK values of C:0.83, M:0, Y:0.02, K:0.25. Its decimal value is 2212028.

Hex triplet	21c0bc	`#21c0bc`
RGB Decimal	33, 192, 188	`rgb(33,192,188)`
RGB Percent	12.9, 75.3, 73.7	`rgb(12.9%,75.3%,73.7%)`
CMYK	83, 0, 2, 25
HSL	178.5°, 70.7, 44.1	`hsl(178.5,70.7%,44.1%)`
HSV (or HSB)	178.5°, 82.8, 75.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.629, -38.541, -9.055
XYZ	28.551, 41.651, 54.109
xyY	0.23, 0.335, 41.651
CIE-LCH	70.629, 39.591, 193.222
CIE-LUV	70.629, -53.09, -8.034
Hunter-Lab	64.537, -33.972, -4.533
Binary	00100001, 11000000, 10111100

#21c0bc
```
#21c0bc rgb(33,192,188)
```
#c02125
```
#c02125 rgb(192,33,37)
```

Complementary Color

#21c06d
```
#21c06d rgb(33,192,109)
```
#21c0bc
```
#21c0bc rgb(33,192,188)
```
#2175c0
```
#2175c0 rgb(33,117,192)
```

Analogous Color

#c06d21
```
#c06d21 rgb(192,109,33)
```
#21c0bc
```
#21c0bc rgb(33,192,188)
```
#c02175
```
#c02175 rgb(192,33,117)
```

Split Complementary Color

#c0bc21
```
#c0bc21 rgb(192,188,33)
```
#21c0bc
```
#21c0bc rgb(33,192,188)
```
#bc21c0
```
#bc21c0 rgb(188,33,192)
```

Triadic Color

#25c021
```
#25c021 rgb(37,192,33)
```
#21c0bc
```
#21c0bc rgb(33,192,188)
```
#bc21c0
```
#bc21c0 rgb(188,33,192)
```
#c02125
```
#c02125 rgb(192,33,37)
```

Tetradic Color

#167f7c
```
#167f7c rgb(22,127,124)
```
#1a9491
```
#1a9491 rgb(26,148,145)
```
#1daaa7
```
#1daaa7 rgb(29,170,167)
```
#21c0bc
```
#21c0bc rgb(33,192,188)
```
#25d6d1
```
#25d6d1 rgb(37,214,209)
```
#37ddd9
```
#37ddd9 rgb(55,221,217)
```
#4de0dd
```
#4de0dd rgb(77,224,221)
```

Monochromatic Color

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

#21c094
```
#21c094 rgb(33,192,148)
```
#21c0a2
```
#21c0a2 rgb(33,192,162)
```
#21c0af
```
#21c0af rgb(33,192,175)
```
#21c0bc
```
#21c0bc rgb(33,192,188)
```
#21b7c0
```
#21b7c0 rgb(33,183,192)
```
#21aac0
```
#21aac0 rgb(33,170,192)
```
#219cc0
```
#219cc0 rgb(33,156,192)
```

Similar Colors

Text with hexadecimal color #21c0bc

This text has a font color of #21c0bc.

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

#21c0bc background color

This paragraph has a background color of #21c0bc.

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

#21c0bc border color

This element has a border color of #21c0bc.

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

CSS codes

.text {color:#21c0bc;}

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

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

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

#010808
```
#010808 rgb(1,8,8)
```
#041918
```
#041918 rgb(4,25,24)
```
#072928
```
#072928 rgb(7,41,40)
```
#0a3a39
```
#0a3a39 rgb(10,58,57)
```
#0d4b49
```
#0d4b49 rgb(13,75,73)
```
#105c5a
```
#105c5a rgb(16,92,90)
```
#136c6a
```
#136c6a rgb(19,108,106)
```
#157d7a
```
#157d7a rgb(21,125,122)
```
#188e8b
```
#188e8b rgb(24,142,139)
```
#1b9f9b
```
#1b9f9b rgb(27,159,155)
```
#1eafac
```
#1eafac rgb(30,175,172)
```
#21c0bc
```
#21c0bc rgb(33,192,188)
```
#24d1cc
```
#24d1cc rgb(36,209,204)
```

Shade Color Variation

#2ddbd7
```
#2ddbd7 rgb(45,219,215)
```
#3ededa
```
#3ededa rgb(62,222,218)
```
#4fe1dd
```
#4fe1dd rgb(79,225,221)
```
#5fe4e0
```
#5fe4e0 rgb(95,228,224)
```
#70e6e3
```
#70e6e3 rgb(112,230,227)
```
#81e9e7
```
#81e9e7 rgb(129,233,231)
```
#92ecea
```
#92ecea rgb(146,236,234)
```
#a2efed
```
#a2efed rgb(162,239,237)
```
#b3f2f0
```
#b3f2f0 rgb(179,242,240)
```
#c4f5f4
```
#c4f5f4 rgb(196,245,244)
```
#d5f8f7
```
#d5f8f7 rgb(213,248,247)
```
#e5fbfa
```
#e5fbfa rgb(229,251,250)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

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

#6f7272
```
#6f7272 rgb(111,114,114)
```
#667b7a
```
#667b7a rgb(102,123,122)
```
#5e8382
```
#5e8382 rgb(94,131,130)
```
#558c8b
```
#558c8b rgb(85,140,139)
```
#4c9593
```
#4c9593 rgb(76,149,147)
```
#449d9b
```
#449d9b rgb(68,157,155)
```
#3ba6a3
```
#3ba6a3 rgb(59,166,163)
```
#32afac
```
#32afac rgb(50,175,172)
```
#2ab7b4
```
#2ab7b4 rgb(42,183,180)
```
#21c0bc
```
#21c0bc rgb(33,192,188)
```
#18c9c4
```
#18c9c4 rgb(24,201,196)
```
#10d1cc
```
#10d1cc rgb(16,209,204)
```
#07dad5
```
#07dad5 rgb(7,218,213)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7a9a99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b0b4 Protanopia 1% of men
#b6acc7 Deuteranopia 1% of men
#3dc0ce Tritanopia 0.001% of the population

Trichromacy

#7db5b7 Protanomaly 1% of men, 0.01% of women
#7fb3c3 Deuteranomaly 6% of men, 0.4% of women
#33c0c8 Tritanomaly 0.01% of the population

#21c0bc hex color

#21c0bc Color Information

#21c0bc Color Conversion

Color Schemes with #21c0bc

Alternatives to #21c0bc

#21c0bc Preview

Shades and Tints of #21c0bc

Tones of #21c0bc

Color Blindness Simulator