#20c7bf hex color

In a RGB color space, hex #20c7bf is composed of 12.5% red, 78% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 0% magenta, 4% yellow and 22% black. It has a hue angle of 177.1 degrees, a saturation of 72.3% and a lightness of 45.3%. #20c7bf color hex could be obtained by blending #40ffff with #008f7f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 78
- B 75
RGB color chart
- C 84
- M 0
- Y 4
- K 22
CMYK color chart

● #20c7bf color description : Strong cyan.

The hexadecimal color #20c7bf has RGB values of R:32, G:199, B:191 and CMYK values of C:0.84, M:0, Y:0.04, K:0.22. Its decimal value is 2148287.

Hex triplet	20c7bf	`#20c7bf`
RGB Decimal	32, 199, 191	`rgb(32,199,191)`
RGB Percent	12.5, 78, 74.9	`rgb(12.5%,78%,74.9%)`
CMYK	84, 0, 4, 22
HSL	177.1°, 72.3, 45.3	`hsl(177.1,72.3%,45.3%)`
HSV (or HSB)	177.1°, 83.9, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.834, -40.892, -7.414
XYZ	30.42, 44.912, 56.353
xyY	0.231, 0.341, 44.912
CIE-LCH	72.834, 41.559, 190.277
CIE-LUV	72.834, -55.376, -5.122
Hunter-Lab	67.017, -36.255, -2.944
Binary	00100000, 11000111, 10111111

#20c7bf
```
#20c7bf rgb(32,199,191)
```
#c72028
```
#c72028 rgb(199,32,40)
```

Complementary Color

#20c76c
```
#20c76c rgb(32,199,108)
```
#20c7bf
```
#20c7bf rgb(32,199,191)
```
#207cc7
```
#207cc7 rgb(32,124,199)
```

Analogous Color

#c76c20
```
#c76c20 rgb(199,108,32)
```
#20c7bf
```
#20c7bf rgb(32,199,191)
```
#c7207c
```
#c7207c rgb(199,32,124)
```

Split Complementary Color

#c7bf20
```
#c7bf20 rgb(199,191,32)
```
#20c7bf
```
#20c7bf rgb(32,199,191)
```
#bf20c7
```
#bf20c7 rgb(191,32,199)
```

Triadic Color

#28c720
```
#28c720 rgb(40,199,32)
```
#20c7bf
```
#20c7bf rgb(32,199,191)
```
#bf20c7
```
#bf20c7 rgb(191,32,199)
```
#c72028
```
#c72028 rgb(199,32,40)
```

Tetradic Color

#158580
```
#158580 rgb(21,133,128)
```
#199b95
```
#199b95 rgb(25,155,149)
```
#1cb1aa
```
#1cb1aa rgb(28,177,170)
```
#20c7bf
```
#20c7bf rgb(32,199,191)
```
#25dcd3
```
#25dcd3 rgb(37,220,211)
```
#3bdfd8
```
#3bdfd8 rgb(59,223,216)
```
#51e3dc
```
#51e3dc rgb(81,227,220)
```

Monochromatic Color

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

#20c795
```
#20c795 rgb(32,199,149)
```
#20c7a3
```
#20c7a3 rgb(32,199,163)
```
#20c7b1
```
#20c7b1 rgb(32,199,177)
```
#20c7bf
```
#20c7bf rgb(32,199,191)
```
#20c1c7
```
#20c1c7 rgb(32,193,199)
```
#20b3c7
```
#20b3c7 rgb(32,179,199)
```
#20a5c7
```
#20a5c7 rgb(32,165,199)
```

Similar Colors

Text with hexadecimal color #20c7bf

This text has a font color of #20c7bf.

<span style="color:#20c7bf;">Text here</span>

#20c7bf background color

This paragraph has a background color of #20c7bf.

<p style="background-color:#20c7bf;">Content here</p>

#20c7bf border color

This element has a border color of #20c7bf.

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

CSS codes

.text {color:#20c7bf;}

.background {background-color:#20c7bf;}

.border {border:1px solid #20c7bf;}

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

#020d0d
```
#020d0d rgb(2,13,13)
```
#051e1d
```
#051e1d rgb(5,30,29)
```
#082f2d
```
#082f2d rgb(8,47,45)
```
#0a403d
```
#0a403d rgb(10,64,61)
```
#0d514d
```
#0d514d rgb(13,81,77)
```
#10625e
```
#10625e rgb(16,98,94)
```
#12736e
```
#12736e rgb(18,115,110)
```
#15837e
```
#15837e rgb(21,131,126)
```
#18948e
```
#18948e rgb(24,148,142)
```
#1ba59f
```
#1ba59f rgb(27,165,159)
```
#1db6af
```
#1db6af rgb(29,182,175)
```
#20c7bf
```
#20c7bf rgb(32,199,191)
```
#23d8cf
```
#23d8cf rgb(35,216,207)
```

Shade Color Variation

#30ded5
```
#30ded5 rgb(48,222,213)
```
#41e1d9
```
#41e1d9 rgb(65,225,217)
```
#52e3dc
```
#52e3dc rgb(82,227,220)
```
#63e6e0
```
#63e6e0 rgb(99,230,224)
```
#74e9e3
```
#74e9e3 rgb(116,233,227)
```
#85ebe6
```
#85ebe6 rgb(133,235,230)
```
#96eeea
```
#96eeea rgb(150,238,234)
```
#a7f1ed
```
#a7f1ed rgb(167,241,237)
```
#b8f4f1
```
#b8f4f1 rgb(184,244,241)
```
#c9f6f4
```
#c9f6f4 rgb(201,246,244)
```
#d9f9f7
```
#d9f9f7 rgb(217,249,247)
```
#eafcfb
```
#eafcfb rgb(234,252,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#707777
```
#707777 rgb(112,119,119)
```
#67807f
```
#67807f rgb(103,128,127)
```
#5e8987
```
#5e8987 rgb(94,137,135)
```
#55928f
```
#55928f rgb(85,146,143)
```
#4c9b97
```
#4c9b97 rgb(76,155,151)
```
#44a39f
```
#44a39f rgb(68,163,159)
```
#3baca7
```
#3baca7 rgb(59,172,167)
```
#32b5af
```
#32b5af rgb(50,181,175)
```
#29beb7
```
#29beb7 rgb(41,190,183)
```
#20c7bf
```
#20c7bf rgb(32,199,191)
```
#17d0c7
```
#17d0c7 rgb(23,208,199)
```
#0ed9cf
```
#0ed9cf rgb(14,217,207)
```
#05e2d7
```
#05e2d7 rgb(5,226,215)
```

Tone Color Variation

Below, you can see how #20c7bf 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

#949494 Achromatopsia 0.005% of the population
#7d9e9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b5b7 Protanopia 1% of men
#bdb2cb Deuteranopia 1% of men
#41c6d5 Tritanopia 0.001% of the population

Trichromacy

#81bcba Protanomaly 1% of men, 0.01% of women
#84b9c6 Deuteranomaly 6% of men, 0.4% of women
#35c6cd Tritanomaly 0.01% of the population

#20c7bf hex color

#20c7bf Color Information

#20c7bf Color Conversion

Color Schemes with #20c7bf

Alternatives to #20c7bf

#20c7bf Preview

Shades and Tints of #20c7bf

Tones of #20c7bf

Color Blindness Simulator