colorhexa.com

#20ccbf hex color

In a RGB color space, hex #20ccbf is composed of 12.5% red, 80% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 0% magenta, 6.4% yellow and 20% black. It has a hue angle of 175.5 degrees, a saturation of 72.9% and a lightness of 46.3%. #20ccbf color hex could be obtained by blending #40ffff with #00997f. Closest websafe color is: #33cccc.

- R 13
- G 80
- B 75
RGB color chart
- C 84
- M 0
- Y 6
- K 20
CMYK color chart

● #20ccbf color description : Strong cyan.

The hexadecimal color #20ccbf has RGB values of R:32, G:204, B:191 and CMYK values of C:0.84, M:0, Y:0.06, K:0.2. Its decimal value is 2149567.

Hex triplet	20ccbf	`#20ccbf`
RGB Decimal	32, 204, 191	`rgb(32,204,191)`
RGB Percent	12.5, 80, 74.9	`rgb(12.5%,80%,74.9%)`
CMYK	84, 0, 6, 20
HSL	175.5°, 72.9, 46.3	`hsl(175.5,72.9%,46.3%)`
HSV (or HSB)	175.5°, 84.3, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.35, -43.099, -5.17
XYZ	31.589, 47.251, 56.743
xyY	0.233, 0.349, 47.251
CIE-LCH	74.35, 43.408, 186.84
CIE-LUV	74.35, -57.099, -1.273
Hunter-Lab	68.74, -38.264, -0.825
Binary	00100000, 11001100, 10111111

#20ccbf
```
#20ccbf rgb(32,204,191)
```
#cc202d
```
#cc202d rgb(204,32,45)
```

Complementary Color

#20cc69
```
#20cc69 rgb(32,204,105)
```
#20ccbf
```
#20ccbf rgb(32,204,191)
```
#2083cc
```
#2083cc rgb(32,131,204)
```

Analogous Color

#cc6920
```
#cc6920 rgb(204,105,32)
```
#20ccbf
```
#20ccbf rgb(32,204,191)
```
#cc2083
```
#cc2083 rgb(204,32,131)
```

Split Complementary Color

#ccbf20
```
#ccbf20 rgb(204,191,32)
```
#20ccbf
```
#20ccbf rgb(32,204,191)
```
#bf20cc
```
#bf20cc rgb(191,32,204)
```

Triadic Color

#2dcc20
```
#2dcc20 rgb(45,204,32)
```
#20ccbf
```
#20ccbf rgb(32,204,191)
```
#bf20cc
```
#bf20cc rgb(191,32,204)
```
#cc202d
```
#cc202d rgb(204,32,45)
```

Tetradic Color

#168a81
```
#168a81 rgb(22,138,129)
```
#19a096
```
#19a096 rgb(25,160,150)
```
#1db6aa
```
#1db6aa rgb(29,182,170)
```
#20ccbf
```
#20ccbf rgb(32,204,191)
```
#28ddd0
```
#28ddd0 rgb(40,221,208)
```
#3ee1d4
```
#3ee1d4 rgb(62,225,212)
```
#54e4d9
```
#54e4d9 rgb(84,228,217)
```

Monochromatic Color

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

#20cc94
```
#20cc94 rgb(32,204,148)
```
#20cca2
```
#20cca2 rgb(32,204,162)
```
#20ccb1
```
#20ccb1 rgb(32,204,177)
```
#20ccbf
```
#20ccbf rgb(32,204,191)
```
#20cbcc
```
#20cbcc rgb(32,203,204)
```
#20bccc
```
#20bccc rgb(32,188,204)
```
#20aecc
```
#20aecc rgb(32,174,204)
```

Similar Colors

Text with hexadecimal color #20ccbf

This text has a font color of #20ccbf.

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

#20ccbf background color

This paragraph has a background color of #20ccbf.

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

#20ccbf border color

This element has a border color of #20ccbf.

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

CSS codes

.text {color:#20ccbf;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#031110
```
#031110 rgb(3,17,16)
```
#052220
```
#052220 rgb(5,34,32)
```
#083330
```
#083330 rgb(8,51,48)
```
#0b4440
```
#0b4440 rgb(11,68,64)
```
#0d5550
```
#0d5550 rgb(13,85,80)
```
#106660
```
#106660 rgb(16,102,96)
```
#137770
```
#137770 rgb(19,119,112)
```
#15887f
```
#15887f rgb(21,136,127)
```
#18998f
```
#18998f rgb(24,153,143)
```
#1baa9f
```
#1baa9f rgb(27,170,159)
```
#1dbbaf
```
#1dbbaf rgb(29,187,175)
```
#20ccbf
```
#20ccbf rgb(32,204,191)
```

Shade Color Variation

#23ddce
```
#23ddce rgb(35,221,206)
```
#34dfd2
```
#34dfd2 rgb(52,223,210)
```
#45e2d6
```
#45e2d6 rgb(69,226,214)
```
#56e4da
```
#56e4da rgb(86,228,218)
```
#67e7dd
```
#67e7dd rgb(103,231,221)
```
#78eae1
```
#78eae1 rgb(120,234,225)
```
#89ece5
```
#89ece5 rgb(137,236,229)
```
#9aefe9
```
#9aefe9 rgb(154,239,233)
```
#abf2ec
```
#abf2ec rgb(171,242,236)
```
#bcf4f0
```
#bcf4f0 rgb(188,244,240)
```
#cdf7f4
```
#cdf7f4 rgb(205,247,244)
```
#defaf8
```
#defaf8 rgb(222,250,248)
```
#effcfb
```
#effcfb rgb(239,252,251)
```

Tint Color Variation

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

#727a7a
```
#727a7a rgb(114,122,122)
```
#698381
```
#698381 rgb(105,131,129)
```
#608c89
```
#608c89 rgb(96,140,137)
```
#569691
```
#569691 rgb(86,150,145)
```
#4d9f98
```
#4d9f98 rgb(77,159,152)
```
#44a8a0
```
#44a8a0 rgb(68,168,160)
```
#3bb1a8
```
#3bb1a8 rgb(59,177,168)
```
#32bab0
```
#32bab0 rgb(50,186,176)
```
#29c3b7
```
#29c3b7 rgb(41,195,183)
```
#20ccbf
```
#20ccbf rgb(32,204,191)
```
#17d5c7
```
#17d5c7 rgb(23,213,199)
```
#0edece
```
#0edece rgb(14,222,206)
```
#05e7d6
```
#05e7d6 rgb(5,231,214)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#7fa29f Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb9b7 Protanopia 1% of men
#c3b5cb Deuteranopia 1% of men
#44cbd9 Tritanopia 0.001% of the population

Trichromacy

#84c0ba Protanomaly 1% of men, 0.01% of women
#88bdc6 Deuteranomaly 6% of men, 0.4% of women
#37cbd0 Tritanomaly 0.01% of the population