#20bcda hex color

In a RGB color space, hex #20bcda is composed of 12.5% red, 73.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 13.8% magenta, 0% yellow and 14.5% black. It has a hue angle of 189.7 degrees, a saturation of 74.4% and a lightness of 49%. #20bcda color hex could be obtained by blending #40ffff with #0079b5. Closest websafe color is: #33cccc.

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

● #20bcda color description : Vivid cyan.

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

Hex triplet	20bcda	`#20bcda`
RGB Decimal	32, 188, 218	`rgb(32,188,218)`
RGB Percent	12.5, 73.7, 85.5	`rgb(12.5%,73.7%,85.5%)`
CMYK	85, 14, 0, 15
HSL	189.7°, 74.4, 49	`hsl(189.7,74.4%,49%)`
HSV (or HSB)	189.7°, 85.3, 85.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.408, -27.425, -25.792
XYZ	31.23, 41.332, 72.658
xyY	0.215, 0.285, 41.332
CIE-LCH	70.408, 37.648, 223.242
CIE-LUV	70.408, -49.535, -36.943
Hunter-Lab	64.29, -25.798, -22.003
Binary	00100000, 10111100, 11011010

#20bcda
```
#20bcda rgb(32,188,218)
```
#da3e20
```
#da3e20 rgb(218,62,32)
```

Complementary Color

#20da9b
```
#20da9b rgb(32,218,155)
```
#20bcda
```
#20bcda rgb(32,188,218)
```
#205fda
```
#205fda rgb(32,95,218)
```

Analogous Color

#da9b20
```
#da9b20 rgb(218,155,32)
```
#20bcda
```
#20bcda rgb(32,188,218)
```
#da205f
```
#da205f rgb(218,32,95)
```

Split Complementary Color

#bcda20
```
#bcda20 rgb(188,218,32)
```
#20bcda
```
#20bcda rgb(32,188,218)
```
#da20bc
```
#da20bc rgb(218,32,188)
```

Triadic Color

#20da3e
```
#20da3e rgb(32,218,62)
```
#20bcda
```
#20bcda rgb(32,188,218)
```
#da20bc
```
#da20bc rgb(218,32,188)
```
#da3e20
```
#da3e20 rgb(218,62,32)
```

Tetradic Color

#168297
```
#168297 rgb(22,130,151)
```
#1996ae
```
#1996ae rgb(25,150,174)
```
#1da9c4
```
#1da9c4 rgb(29,169,196)
```
#20bcda
```
#20bcda rgb(32,188,218)
```
#33c5e1
```
#33c5e1 rgb(51,197,225)
```
#49cbe4
```
#49cbe4 rgb(73,203,228)
```
#5fd1e8
```
#5fd1e8 rgb(95,209,232)
```

Monochromatic Color

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

#20daca
```
#20daca rgb(32,218,202)
```
#20dad9
```
#20dad9 rgb(32,218,217)
```
#20ccda
```
#20ccda rgb(32,204,218)
```
#20bcda
```
#20bcda rgb(32,188,218)
```
#20adda
```
#20adda rgb(32,173,218)
```
#209dda
```
#209dda rgb(32,157,218)
```
#208eda
```
#208eda rgb(32,142,218)
```

Similar Colors

Text with hexadecimal color #20bcda

This text has a font color of #20bcda.

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

#20bcda background color

This paragraph has a background color of #20bcda.

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

#20bcda border color

This element has a border color of #20bcda.

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

CSS codes

.text {color:#20bcda;}

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

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

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

#020b0d
```
#020b0d rgb(2,11,13)
```
#041a1e
```
#041a1e rgb(4,26,30)
```
#07282f
```
#07282f rgb(7,40,47)
```
#093740
```
#093740 rgb(9,55,64)
```
#0c4651
```
#0c4651 rgb(12,70,81)
```
#0e5562
```
#0e5562 rgb(14,85,98)
```
#116373
```
#116373 rgb(17,99,115)
```
#137284
```
#137284 rgb(19,114,132)
```
#168196
```
#168196 rgb(22,129,150)
```
#1890a7
```
#1890a7 rgb(24,144,167)
```
#1b9eb8
```
#1b9eb8 rgb(27,158,184)
```
#1dadc9
```
#1dadc9 rgb(29,173,201)
```
#20bcda
```
#20bcda rgb(32,188,218)
```

Shade Color Variation

#2dc3e0
```
#2dc3e0 rgb(45,195,224)
```
#3ec8e3
```
#3ec8e3 rgb(62,200,227)
```
#50cde5
```
#50cde5 rgb(80,205,229)
```
#61d2e8
```
#61d2e8 rgb(97,210,232)
```
#72d7ea
```
#72d7ea rgb(114,215,234)
```
#83dced
```
#83dced rgb(131,220,237)
```
#94e1ef
```
#94e1ef rgb(148,225,239)
```
#a5e5f2
```
#a5e5f2 rgb(165,229,242)
```
#b6eaf4
```
#b6eaf4 rgb(182,234,244)
```
#c7eff7
```
#c7eff7 rgb(199,239,247)
```
#d8f4f9
```
#d8f4f9 rgb(216,244,249)
```
#eaf9fc
```
#eaf9fc rgb(234,249,252)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#778183
```
#778183 rgb(119,129,131)
```
#6d888d
```
#6d888d rgb(109,136,141)
```
#638e97
```
#638e97 rgb(99,142,151)
```
#5a95a0
```
#5a95a0 rgb(90,149,160)
```
#509baa
```
#509baa rgb(80,155,170)
```
#46a2b4
```
#46a2b4 rgb(70,162,180)
```
#3da8bd
```
#3da8bd rgb(61,168,189)
```
#33afc7
```
#33afc7 rgb(51,175,199)
```
#2ab5d0
```
#2ab5d0 rgb(42,181,208)
```
#20bcda
```
#20bcda rgb(32,188,218)
```
#16c3e4
```
#16c3e4 rgb(22,195,228)
```
#0dc9ed
```
#0dc9ed rgb(13,201,237)
```
#03d0f7
```
#03d0f7 rgb(3,208,247)
```

Tone Color Variation

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

#a8aed1 Protanopia 1% of men
#a3ade2 Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#76b3d4 Protanomaly 1% of men, 0.01% of women
#73b3df Deuteranomaly 6% of men, 0.4% of women
#0bbfd3 Tritanomaly 0.01% of the population

#20bcda hex color

#20bcda Color Information

#20bcda Color Conversion

Color Schemes with #20bcda

Alternatives to #20bcda

#20bcda Preview

Shades and Tints of #20bcda

Tones of #20bcda

Color Blindness Simulator