#20bcdd hex color

In a RGB color space, hex #20bcdd is composed of 12.5% red, 73.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 14.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 190.5 degrees, a saturation of 74.7% and a lightness of 49.6%. #20bcdd color hex could be obtained by blending #40ffff with #0079bb. Closest websafe color is: #33cccc.

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

● #20bcdd color description : Vivid cyan.

The hexadecimal color #20bcdd has RGB values of R:32, G:188, B:221 and CMYK values of C:0.86, M:0.15, Y:0, K:0.13. Its decimal value is 2145501.

Hex triplet	20bcdd	`#20bcdd`
RGB Decimal	32, 188, 221	`rgb(32,188,221)`
RGB Percent	12.5, 73.7, 86.7	`rgb(12.5%,73.7%,86.7%)`
CMYK	86, 15, 0, 13
HSL	190.5°, 74.7, 49.6	`hsl(190.5,74.7%,49.6%)`
HSV (or HSB)	190.5°, 85.5, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.518, -26.448, -27.259
XYZ	31.626, 41.491, 74.744
xyY	0.214, 0.281, 41.491
CIE-LCH	70.518, 37.981, 225.865
CIE-LUV	70.518, -49.314, -39.547
Hunter-Lab	64.413, -25.082, -23.71
Binary	00100000, 10111100, 11011101

#20bcdd
```
#20bcdd rgb(32,188,221)
```
#dd4120
```
#dd4120 rgb(221,65,32)
```

Complementary Color

#20dda0
```
#20dda0 rgb(32,221,160)
```
#20bcdd
```
#20bcdd rgb(32,188,221)
```
#205edd
```
#205edd rgb(32,94,221)
```

Analogous Color

#dda020
```
#dda020 rgb(221,160,32)
```
#20bcdd
```
#20bcdd rgb(32,188,221)
```
#dd205e
```
#dd205e rgb(221,32,94)
```

Split Complementary Color

#bcdd20
```
#bcdd20 rgb(188,221,32)
```
#20bcdd
```
#20bcdd rgb(32,188,221)
```
#dd20bc
```
#dd20bc rgb(221,32,188)
```

Triadic Color

#20dd41
```
#20dd41 rgb(32,221,65)
```
#20bcdd
```
#20bcdd rgb(32,188,221)
```
#dd20bc
```
#dd20bc rgb(221,32,188)
```
#dd4120
```
#dd4120 rgb(221,65,32)
```

Tetradic Color

#16839a
```
#16839a rgb(22,131,154)
```
#1a96b0
```
#1a96b0 rgb(26,150,176)
```
#1da9c7
```
#1da9c7 rgb(29,169,199)
```
#20bcdd
```
#20bcdd rgb(32,188,221)
```
#35c4e2
```
#35c4e2 rgb(53,196,226)
```
#4bcae5
```
#4bcae5 rgb(75,202,229)
```
#61d1e8
```
#61d1e8 rgb(97,209,232)
```

Monochromatic Color

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

#20ddcf
```
#20ddcf rgb(32,221,207)
```
#20dcdd
```
#20dcdd rgb(32,220,221)
```
#20ccdd
```
#20ccdd rgb(32,204,221)
```
#20bcdd
```
#20bcdd rgb(32,188,221)
```
#20acdd
```
#20acdd rgb(32,172,221)
```
#209ddd
```
#209ddd rgb(32,157,221)
```
#208ddd
```
#208ddd rgb(32,141,221)
```

Similar Colors

Text with hexadecimal color #20bcdd

This text has a font color of #20bcdd.

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

#20bcdd background color

This paragraph has a background color of #20bcdd.

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

#20bcdd border color

This element has a border color of #20bcdd.

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

CSS codes

.text {color:#20bcdd;}

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

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

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

#020d0f
```
#020d0f rgb(2,13,15)
```
#051c21
```
#051c21 rgb(5,28,33)
```
#072a32
```
#072a32 rgb(7,42,50)
```
#0a3943
```
#0a3943 rgb(10,57,67)
```
#0c4754
```
#0c4754 rgb(12,71,84)
```
#0f5665
```
#0f5665 rgb(15,86,101)
```
#116576
```
#116576 rgb(17,101,118)
```
#147387
```
#147387 rgb(20,115,135)
```
#168298
```
#168298 rgb(22,130,152)
```
#1990aa
```
#1990aa rgb(25,144,170)
```
#1b9fbb
```
#1b9fbb rgb(27,159,187)
```
#1eadcc
```
#1eadcc rgb(30,173,204)
```
#20bcdd
```
#20bcdd rgb(32,188,221)
```

Shade Color Variation

#30c2e1
```
#30c2e1 rgb(48,194,225)
```
#41c7e3
```
#41c7e3 rgb(65,199,227)
```
#52cce6
```
#52cce6 rgb(82,204,230)
```
#63d1e8
```
#63d1e8 rgb(99,209,232)
```
#74d6eb
```
#74d6eb rgb(116,214,235)
```
#85dbed
```
#85dbed rgb(133,219,237)
```
#96e0f0
```
#96e0f0 rgb(150,224,240)
```
#a8e5f2
```
#a8e5f2 rgb(168,229,242)
```
#b9eaf5
```
#b9eaf5 rgb(185,234,245)
```
#caeff7
```
#caeff7 rgb(202,239,247)
```
#dbf4fa
```
#dbf4fa rgb(219,244,250)
```
#ecf9fc
```
#ecf9fc rgb(236,249,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#788385
```
#788385 rgb(120,131,133)
```
#6e898f
```
#6e898f rgb(110,137,143)
```
#649099
```
#649099 rgb(100,144,153)
```
#5a96a3
```
#5a96a3 rgb(90,150,163)
```
#519cac
```
#519cac rgb(81,156,172)
```
#47a3b6
```
#47a3b6 rgb(71,163,182)
```
#3da9c0
```
#3da9c0 rgb(61,169,192)
```
#33afca
```
#33afca rgb(51,175,202)
```
#2ab6d3
```
#2ab6d3 rgb(42,182,211)
```
#20bcdd
```
#20bcdd rgb(32,188,221)
```
#16c2e7
```
#16c2e7 rgb(22,194,231)
```
#0dc9f0
```
#0dc9f0 rgb(13,201,240)
```
#03cffa
```
#03cffa rgb(3,207,250)
```

Tone Color Variation

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

#a7afd4 Protanopia 1% of men
#a2aee5 Deuteranopia 1% of men
#00c1d0 Tritanopia 0.001% of the population

Trichromacy

#76b3d7 Protanomaly 1% of men, 0.01% of women
#72b3e2 Deuteranomaly 6% of men, 0.4% of women
#0bbfd4 Tritanomaly 0.01% of the population

#20bcdd hex color

#20bcdd Color Information

#20bcdd Color Conversion

Color Schemes with #20bcdd

Alternatives to #20bcdd

#20bcdd Preview

Shades and Tints of #20bcdd

Tones of #20bcdd

Color Blindness Simulator