#20bdec hex color

In a RGB color space, hex #20bdec is composed of 12.5% red, 74.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 19.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 193.8 degrees, a saturation of 84.3% and a lightness of 52.5%. #20bdec color hex could be obtained by blending #40ffff with #007bd9. Closest websafe color is: #33ccff.

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

● #20bdec color description : Vivid cyan.

The hexadecimal color #20bdec has RGB values of R:32, G:189, B:236 and CMYK values of C:0.86, M:0.2, Y:0, K:0.07. Its decimal value is 2145772.

Hex triplet	20bdec	`#20bdec`
RGB Decimal	32, 189, 236	`rgb(32,189,236)`
RGB Percent	12.5, 74.1, 92.5	`rgb(12.5%,74.1%,92.5%)`
CMYK	86, 20, 0, 7
HSL	193.8°, 84.3, 52.5	`hsl(193.8,84.3%,52.5%)`
HSV (or HSB)	193.8°, 86.4, 92.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.388, -21.984, -34.073
XYZ	33.93, 42.755, 85.817
xyY	0.209, 0.263, 42.755
CIE-LCH	71.388, 40.549, 237.17
CIE-LUV	71.388, -48.565, -51.764
Hunter-Lab	65.387, -21.804, -32.043
Binary	00100000, 10111101, 11101100

#20bdec
```
#20bdec rgb(32,189,236)
```
#ec4f20
```
#ec4f20 rgb(236,79,32)
```

Complementary Color

#20ecb5
```
#20ecb5 rgb(32,236,181)
```
#20bdec
```
#20bdec rgb(32,189,236)
```
#2057ec
```
#2057ec rgb(32,87,236)
```

Analogous Color

#ecb520
```
#ecb520 rgb(236,181,32)
```
#20bdec
```
#20bdec rgb(32,189,236)
```
#ec2057
```
#ec2057 rgb(236,32,87)
```

Split Complementary Color

#bdec20
```
#bdec20 rgb(189,236,32)
```
#20bdec
```
#20bdec rgb(32,189,236)
```
#ec20bd
```
#ec20bd rgb(236,32,189)
```

Triadic Color

#20ec4f
```
#20ec4f rgb(32,236,79)
```
#20bdec
```
#20bdec rgb(32,189,236)
```
#ec20bd
```
#ec20bd rgb(236,32,189)
```
#ec4f20
```
#ec4f20 rgb(236,79,32)
```

Tetradic Color

#0f8bb0
```
#0f8bb0 rgb(15,139,176)
```
#119ec8
```
#119ec8 rgb(17,158,200)
```
#13b0df
```
#13b0df rgb(19,176,223)
```
#20bdec
```
#20bdec rgb(32,189,236)
```
#37c4ee
```
#37c4ee rgb(55,196,238)
```
#4fcbf0
```
#4fcbf0 rgb(79,203,240)
```
#66d2f2
```
#66d2f2 rgb(102,210,242)
```

Monochromatic Color

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

#20ece8
```
#20ece8 rgb(32,236,232)
```
#20dfec
```
#20dfec rgb(32,223,236)
```
#20ceec
```
#20ceec rgb(32,206,236)
```
#20bdec
```
#20bdec rgb(32,189,236)
```
#20acec
```
#20acec rgb(32,172,236)
```
#209bec
```
#209bec rgb(32,155,236)
```
#208aec
```
#208aec rgb(32,138,236)
```

Similar Colors

Text with hexadecimal color #20bdec

This text has a font color of #20bdec.

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

#20bdec background color

This paragraph has a background color of #20bdec.

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

#20bdec border color

This element has a border color of #20bdec.

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

CSS codes

.text {color:#20bdec;}

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

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

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, #01090c is the darkest color, while #f9fdfe is the lightest one.

#01090c
```
#01090c rgb(1,9,12)
```
#03181e
```
#03181e rgb(3,24,30)
```
#042630
```
#042630 rgb(4,38,48)
```
#063442
```
#063442 rgb(6,52,66)
```
#074354
```
#074354 rgb(7,67,84)
```
#095166
```
#095166 rgb(9,81,102)
```
#0a5f78
```
#0a5f78 rgb(10,95,120)
```
#0c6d8b
```
#0c6d8b rgb(12,109,139)
```
#0d7c9d
```
#0d7c9d rgb(13,124,157)
```
#0f8aaf
```
#0f8aaf rgb(15,138,175)
```
#1098c1
```
#1098c1 rgb(16,152,193)
```
#12a6d3
```
#12a6d3 rgb(18,166,211)
```
#14b5e5
```
#14b5e5 rgb(20,181,229)
```

Shade Color Variation

#20bdec
```
#20bdec rgb(32,189,236)
```
#32c2ee
```
#32c2ee rgb(50,194,238)
```
#44c8ef
```
#44c8ef rgb(68,200,239)
```
#56cdf1
```
#56cdf1 rgb(86,205,241)
```
#68d2f2
```
#68d2f2 rgb(104,210,242)
```
#7ad8f4
```
#7ad8f4 rgb(122,216,244)
```
#8cddf5
```
#8cddf5 rgb(140,221,245)
```
#9fe2f7
```
#9fe2f7 rgb(159,226,247)
```
#b1e8f8
```
#b1e8f8 rgb(177,232,248)
```
#c3edfa
```
#c3edfa rgb(195,237,250)
```
#d5f2fb
```
#d5f2fb rgb(213,242,251)
```
#e7f8fd
```
#e7f8fd rgb(231,248,253)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8b8f is the less saturated color, while #0dc7ff is the most saturated one.

#7d8b8f
```
#7d8b8f rgb(125,139,143)
```
#749098
```
#749098 rgb(116,144,152)
```
#6a95a2
```
#6a95a2 rgb(106,149,162)
```
#619aab
```
#619aab rgb(97,154,171)
```
#589fb4
```
#589fb4 rgb(88,159,180)
```
#4fa4bd
```
#4fa4bd rgb(79,164,189)
```
#45a9c7
```
#45a9c7 rgb(69,169,199)
```
#3caed0
```
#3caed0 rgb(60,174,208)
```
#33b3d9
```
#33b3d9 rgb(51,179,217)
```
#29b8e3
```
#29b8e3 rgb(41,184,227)
```
#20bdec
```
#20bdec rgb(32,189,236)
```
#17c2f5
```
#17c2f5 rgb(23,194,245)
```
#0dc7ff
```
#0dc7ff rgb(13,199,255)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7c9ba5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b1e2 Protanopia 1% of men
#9bb1f3 Deuteranopia 1% of men
#00c4d2 Tritanopia 0.001% of the population

Trichromacy

#74b5e6 Protanomaly 1% of men, 0.01% of women
#6eb5f0 Deuteranomaly 6% of men, 0.4% of women
#0bc1db Tritanomaly 0.01% of the population

#20bdec hex color

#20bdec Color Information

#20bdec Color Conversion

Color Schemes with #20bdec

Alternatives to #20bdec

#20bdec Preview

Shades and Tints of #20bdec

Tones of #20bdec

Color Blindness Simulator