colorhexa.com

#20bdce hex color

In a RGB color space, hex #20bdce is composed of 12.5% red, 74.1% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 8.3% magenta, 0% yellow and 19.2% black. It has a hue angle of 185.9 degrees, a saturation of 73.1% and a lightness of 46.7%. #20bdce color hex could be obtained by blending #40ffff with #007b9d. Closest websafe color is: #33cccc.

- R 13
- G 74
- B 81
RGB color chart
- C 84
- M 8
- Y 0
- K 19
CMYK color chart

● #20bdce color description : Strong cyan.

The hexadecimal color #20bdce has RGB values of R:32, G:189, B:206 and CMYK values of C:0.84, M:0.08, Y:0, K:0.19. Its decimal value is 2145742.

Hex triplet	20bdce	`#20bdce`
RGB Decimal	32, 189, 206	`rgb(32,189,206)`
RGB Percent	12.5, 74.1, 80.8	`rgb(12.5%,74.1%,80.8%)`
CMYK	84, 8, 0, 19
HSL	185.9°, 73.1, 46.7	`hsl(185.9,73.1%,46.7%)`
HSV (or HSB)	185.9°, 84.5, 80.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.285, -31.747, -19.424
XYZ	29.931, 41.156, 64.755
xyY	0.22, 0.303, 41.156
CIE-LCH	70.285, 37.218, 211.459
CIE-LUV	70.285, -50.777, -25.753
Hunter-Lab	64.153, -28.987, -14.94
Binary	00100000, 10111101, 11001110

#20bdce
```
#20bdce rgb(32,189,206)
```
#ce3120
```
#ce3120 rgb(206,49,32)
```

Complementary Color

#20ce88
```
#20ce88 rgb(32,206,136)
```
#20bdce
```
#20bdce rgb(32,189,206)
```
#2066ce
```
#2066ce rgb(32,102,206)
```

Analogous Color

#ce8820
```
#ce8820 rgb(206,136,32)
```
#20bdce
```
#20bdce rgb(32,189,206)
```
#ce2066
```
#ce2066 rgb(206,32,102)
```

Split Complementary Color

#bdce20
```
#bdce20 rgb(189,206,32)
```
#20bdce
```
#20bdce rgb(32,189,206)
```
#ce20bd
```
#ce20bd rgb(206,32,189)
```

Triadic Color

#20ce31
```
#20ce31 rgb(32,206,49)
```
#20bdce
```
#20bdce rgb(32,189,206)
```
#ce20bd
```
#ce20bd rgb(206,32,189)
```
#ce3120
```
#ce3120 rgb(206,49,32)
```

Tetradic Color

#16808c
```
#16808c rgb(22,128,140)
```
#1995a2
```
#1995a2 rgb(25,149,162)
```
#1da9b8
```
#1da9b8 rgb(29,169,184)
```
#20bdce
```
#20bdce rgb(32,189,206)
```
#2accde
```
#2accde rgb(42,204,222)
```
#40d2e1
```
#40d2e1 rgb(64,210,225)
```
#56d7e5
```
#56d7e5 rgb(86,215,229)
```

Monochromatic Color

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

#20ceb4
```
#20ceb4 rgb(32,206,180)
```
#20cec2
```
#20cec2 rgb(32,206,194)
```
#20ccce
```
#20ccce rgb(32,204,206)
```
#20bdce
```
#20bdce rgb(32,189,206)
```
#20afce
```
#20afce rgb(32,175,206)
```
#20a0ce
```
#20a0ce rgb(32,160,206)
```
#2092ce
```
#2092ce rgb(32,146,206)
```

Similar Colors

Text with hexadecimal color #20bdce

This text has a font color of #20bdce.

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

#20bdce background color

This paragraph has a background color of #20bdce.

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

#20bdce border color

This element has a border color of #20bdce.

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

CSS codes

.text {color:#20bdce;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#031213
```
#031213 rgb(3,18,19)
```
#062124
```
#062124 rgb(6,33,36)
```
#083135
```
#083135 rgb(8,49,53)
```
#0b4046
```
#0b4046 rgb(11,64,70)
```
#0e5057
```
#0e5057 rgb(14,80,87)
```
#106068
```
#106068 rgb(16,96,104)
```
#136f79
```
#136f79 rgb(19,111,121)
```
#157f8a
```
#157f8a rgb(21,127,138)
```
#188e9b
```
#188e9b rgb(24,142,155)
```
#1b9eac
```
#1b9eac rgb(27,158,172)
```
#1dadbd
```
#1dadbd rgb(29,173,189)
```
#20bdce
```
#20bdce rgb(32,189,206)
```

Shade Color Variation

#25cbdd
```
#25cbdd rgb(37,203,221)
```
#36cfe0
```
#36cfe0 rgb(54,207,224)
```
#47d3e2
```
#47d3e2 rgb(71,211,226)
```
#57d7e5
```
#57d7e5 rgb(87,215,229)
```
#68dbe8
```
#68dbe8 rgb(104,219,232)
```
#79dfea
```
#79dfea rgb(121,223,234)
```
#8ae3ed
```
#8ae3ed rgb(138,227,237)
```
#9be7f0
```
#9be7f0 rgb(155,231,240)
```
#acebf2
```
#acebf2 rgb(172,235,242)
```
#bdeff5
```
#bdeff5 rgb(189,239,245)
```
#cef3f7
```
#cef3f7 rgb(206,243,247)
```
#dff7fa
```
#dff7fa rgb(223,247,250)
```
#f0fcfd
```
#f0fcfd rgb(240,252,253)
```

Tint Color Variation

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

#727b7c
```
#727b7c rgb(114,123,124)
```
#698285
```
#698285 rgb(105,130,133)
```
#60898e
```
#60898e rgb(96,137,142)
```
#579197
```
#579197 rgb(87,145,151)
```
#4e98a0
```
#4e98a0 rgb(78,152,160)
```
#45a0a9
```
#45a0a9 rgb(69,160,169)
```
#3ba7b3
```
#3ba7b3 rgb(59,167,179)
```
#32aebc
```
#32aebc rgb(50,174,188)
```
#29b6c5
```
#29b6c5 rgb(41,182,197)
```
#20bdce
```
#20bdce rgb(32,189,206)
```
#17c4d7
```
#17c4d7 rgb(23,196,215)
```
#0ecce0
```
#0ecce0 rgb(14,204,224)
```
#05d3e9
```
#05d3e9 rgb(5,211,233)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7a999c Atypical Achromatopsia 0.001% of the population

Dichromacy

#acaec5 Protanopia 1% of men
#aaacd7 Deuteranopia 1% of men
#28c0ce Tritanopia 0.001% of the population

Trichromacy

#79b4c8 Protanomaly 1% of men, 0.01% of women
#78b2d4 Deuteranomaly 6% of men, 0.4% of women
#25bfce Tritanomaly 0.01% of the population