#20bcdc hex color

In a RGB color space, hex #20bcdc is composed of 12.5% red, 73.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 14.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 190.2 degrees, a saturation of 74.6% and a lightness of 49.4%. #20bcdc color hex could be obtained by blending #40ffff with #0079b9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 74
- B 86
RGB color chart
- C 85
- M 15
- Y 0
- K 14
CMYK color chart

● #20bcdc color description : Vivid cyan.

The hexadecimal color #20bcdc has RGB values of R:32, G:188, B:220 and CMYK values of C:0.85, M:0.15, Y:0, K:0.14. Its decimal value is 2145500.

Hex triplet	20bcdc	`#20bcdc`
RGB Decimal	32, 188, 220	`rgb(32,188,220)`
RGB Percent	12.5, 73.7, 86.3	`rgb(12.5%,73.7%,86.3%)`
CMYK	85, 15, 0, 14
HSL	190.2°, 74.6, 49.4	`hsl(190.2,74.6%,49.4%)`
HSV (or HSB)	190.2°, 85.5, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.482, -26.775, -26.77
XYZ	31.494, 41.438, 74.045
xyY	0.214, 0.282, 41.438
CIE-LCH	70.482, 37.862, 224.996
CIE-LUV	70.482, -49.388, -38.679
Hunter-Lab	64.372, -25.322, -23.138
Binary	00100000, 10111100, 11011100

#20bcdc
```
#20bcdc rgb(32,188,220)
```
#dc4020
```
#dc4020 rgb(220,64,32)
```

Complementary Color

#20dc9e
```
#20dc9e rgb(32,220,158)
```
#20bcdc
```
#20bcdc rgb(32,188,220)
```
#205edc
```
#205edc rgb(32,94,220)
```

Analogous Color

#dc9e20
```
#dc9e20 rgb(220,158,32)
```
#20bcdc
```
#20bcdc rgb(32,188,220)
```
#dc205e
```
#dc205e rgb(220,32,94)
```

Split Complementary Color

#bcdc20
```
#bcdc20 rgb(188,220,32)
```
#20bcdc
```
#20bcdc rgb(32,188,220)
```
#dc20bc
```
#dc20bc rgb(220,32,188)
```

Triadic Color

#20dc40
```
#20dc40 rgb(32,220,64)
```
#20bcdc
```
#20bcdc rgb(32,188,220)
```
#dc20bc
```
#dc20bc rgb(220,32,188)
```
#dc4020
```
#dc4020 rgb(220,64,32)
```

Tetradic Color

#168399
```
#168399 rgb(22,131,153)
```
#1a96af
```
#1a96af rgb(26,150,175)
```
#1da9c6
```
#1da9c6 rgb(29,169,198)
```
#20bcdc
```
#20bcdc rgb(32,188,220)
```
#34c4e1
```
#34c4e1 rgb(52,196,225)
```
#4acae5
```
#4acae5 rgb(74,202,229)
```
#61d1e8
```
#61d1e8 rgb(97,209,232)
```

Monochromatic Color

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

#20dccd
```
#20dccd rgb(32,220,205)
```
#20dbdc
```
#20dbdc rgb(32,219,220)
```
#20ccdc
```
#20ccdc rgb(32,204,220)
```
#20bcdc
```
#20bcdc rgb(32,188,220)
```
#20acdc
```
#20acdc rgb(32,172,220)
```
#209ddc
```
#209ddc rgb(32,157,220)
```
#208ddc
```
#208ddc rgb(32,141,220)
```

Similar Colors

Text with hexadecimal color #20bcdc

This text has a font color of #20bcdc.

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

#20bcdc background color

This paragraph has a background color of #20bcdc.

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

#20bcdc border color

This element has a border color of #20bcdc.

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

CSS codes

.text {color:#20bcdc;}

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

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

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

#020c0f
```
#020c0f rgb(2,12,15)
```
#051b20
```
#051b20 rgb(5,27,32)
```
#072a31
```
#072a31 rgb(7,42,49)
```
#0a3842
```
#0a3842 rgb(10,56,66)
```
#0c4753
```
#0c4753 rgb(12,71,83)
```
#0f5664
```
#0f5664 rgb(15,86,100)
```
#116475
```
#116475 rgb(17,100,117)
```
#147386
```
#147386 rgb(20,115,134)
```
#168198
```
#168198 rgb(22,129,152)
```
#1990a9
```
#1990a9 rgb(25,144,169)
```
#1b9fba
```
#1b9fba rgb(27,159,186)
```
#1eadcb
```
#1eadcb rgb(30,173,203)
```
#20bcdc
```
#20bcdc rgb(32,188,220)
```

Shade Color Variation

#2fc2e1
```
#2fc2e1 rgb(47,194,225)
```
#40c7e3
```
#40c7e3 rgb(64,199,227)
```
#51cce6
```
#51cce6 rgb(81,204,230)
```
#62d1e8
```
#62d1e8 rgb(98,209,232)
```
#73d6eb
```
#73d6eb rgb(115,214,235)
```
#85dbed
```
#85dbed rgb(133,219,237)
```
#96e0f0
```
#96e0f0 rgb(150,224,240)
```
#a7e5f2
```
#a7e5f2 rgb(167,229,242)
```
#b8eaf5
```
#b8eaf5 rgb(184,234,245)
```
#c9eff7
```
#c9eff7 rgb(201,239,247)
```
#daf4fa
```
#daf4fa rgb(218,244,250)
```
#ebf9fc
```
#ebf9fc rgb(235,249,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#778285
```
#778285 rgb(119,130,133)
```
#6e898e
```
#6e898e rgb(110,137,142)
```
#648f98
```
#648f98 rgb(100,143,152)
```
#5a96a2
```
#5a96a2 rgb(90,150,162)
```
#509cac
```
#509cac rgb(80,156,172)
```
#47a2b5
```
#47a2b5 rgb(71,162,181)
```
#3da9bf
```
#3da9bf rgb(61,169,191)
```
#33afc9
```
#33afc9 rgb(51,175,201)
```
#2ab6d2
```
#2ab6d2 rgb(42,182,210)
```
#20bcdc
```
#20bcdc rgb(32,188,220)
```
#16c2e6
```
#16c2e6 rgb(22,194,230)
```
#0dc9ef
```
#0dc9ef rgb(13,201,239)
```
#03cff9
```
#03cff9 rgb(3,207,249)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7a9aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8afd3 Protanopia 1% of men
#a2aee4 Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#76b3d6 Protanomaly 1% of men, 0.01% of women
#73b3e1 Deuteranomaly 6% of men, 0.4% of women
#0bbfd4 Tritanomaly 0.01% of the population

#20bcdc hex color

#20bcdc Color Information

#20bcdc Color Conversion

Color Schemes with #20bcdc

Alternatives to #20bcdc

#20bcdc Preview

Shades and Tints of #20bcdc

Tones of #20bcdc

Color Blindness Simulator