#20cbec hex color

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

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

● #20cbec color description : Vivid cyan.

The hexadecimal color #20cbec has RGB values of R:32, G:203, B:236 and CMYK values of C:0.86, M:0.14, Y:0, K:0.07. Its decimal value is 2149356.

Hex triplet	20cbec	`#20cbec`
RGB Decimal	32, 203, 236	`rgb(32,203,236)`
RGB Percent	12.5, 79.6, 92.5	`rgb(12.5%,79.6%,92.5%)`
CMYK	86, 14, 0, 7
HSL	189.7°, 84.3, 52.5	`hsl(189.7,84.3%,52.5%)`
HSV (or HSB)	189.7°, 86.4, 92.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.496, -29.007, -27.744
XYZ	37.088, 49.071, 86.869
xyY	0.214, 0.284, 49.071
CIE-LCH	75.496, 40.139, 223.724
CIE-LUV	75.496, -53.327, -40.356
Hunter-Lab	70.051, -28.085, -24.489
Binary	00100000, 11001011, 11101100

#20cbec
```
#20cbec rgb(32,203,236)
```
#ec4120
```
#ec4120 rgb(236,65,32)
```

Complementary Color

#20eca7
```
#20eca7 rgb(32,236,167)
```
#20cbec
```
#20cbec rgb(32,203,236)
```
#2065ec
```
#2065ec rgb(32,101,236)
```

Analogous Color

#eca720
```
#eca720 rgb(236,167,32)
```
#20cbec
```
#20cbec rgb(32,203,236)
```
#ec2065
```
#ec2065 rgb(236,32,101)
```

Split Complementary Color

#cbec20
```
#cbec20 rgb(203,236,32)
```
#20cbec
```
#20cbec rgb(32,203,236)
```
#ec20cb
```
#ec20cb rgb(236,32,203)
```

Triadic Color

#20ec41
```
#20ec41 rgb(32,236,65)
```
#20cbec
```
#20cbec rgb(32,203,236)
```
#ec20cb
```
#ec20cb rgb(236,32,203)
```
#ec4120
```
#ec4120 rgb(236,65,32)
```

Tetradic Color

#0f96b0
```
#0f96b0 rgb(15,150,176)
```
#11aac8
```
#11aac8 rgb(17,170,200)
```
#13bedf
```
#13bedf rgb(19,190,223)
```
#20cbec
```
#20cbec rgb(32,203,236)
```
#37d0ee
```
#37d0ee rgb(55,208,238)
```
#4fd6f0
```
#4fd6f0 rgb(79,214,240)
```
#66dbf2
```
#66dbf2 rgb(102,219,242)
```

Monochromatic Color

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

#20ecda
```
#20ecda rgb(32,236,218)
```
#20eceb
```
#20eceb rgb(32,236,235)
```
#20dcec
```
#20dcec rgb(32,220,236)
```
#20cbec
```
#20cbec rgb(32,203,236)
```
#20baec
```
#20baec rgb(32,186,236)
```
#20a9ec
```
#20a9ec rgb(32,169,236)
```
#2098ec
```
#2098ec rgb(32,152,236)
```

Similar Colors

Text with hexadecimal color #20cbec

This text has a font color of #20cbec.

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

#20cbec background color

This paragraph has a background color of #20cbec.

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

#20cbec border color

This element has a border color of #20cbec.

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

CSS codes

.text {color:#20cbec;}

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

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

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, #010a0c is the darkest color, while #f9fefe is the lightest one.

#010a0c
```
#010a0c rgb(1,10,12)
```
#031a1e
```
#031a1e rgb(3,26,30)
```
#042930
```
#042930 rgb(4,41,48)
```
#063842
```
#063842 rgb(6,56,66)
```
#074854
```
#074854 rgb(7,72,84)
```
#095766
```
#095766 rgb(9,87,102)
```
#0a6778
```
#0a6778 rgb(10,103,120)
```
#0c768b
```
#0c768b rgb(12,118,139)
```
#0d859d
```
#0d859d rgb(13,133,157)
```
#0f95af
```
#0f95af rgb(15,149,175)
```
#10a4c1
```
#10a4c1 rgb(16,164,193)
```
#12b4d3
```
#12b4d3 rgb(18,180,211)
```
#14c3e5
```
#14c3e5 rgb(20,195,229)
```

Shade Color Variation

#20cbec
```
#20cbec rgb(32,203,236)
```
#32cfee
```
#32cfee rgb(50,207,238)
```
#44d3ef
```
#44d3ef rgb(68,211,239)
```
#56d8f1
```
#56d8f1 rgb(86,216,241)
```
#68dcf2
```
#68dcf2 rgb(104,220,242)
```
#7ae0f4
```
#7ae0f4 rgb(122,224,244)
```
#8ce4f5
```
#8ce4f5 rgb(140,228,245)
```
#9fe9f7
```
#9fe9f7 rgb(159,233,247)
```
#b1edf8
```
#b1edf8 rgb(177,237,248)
```
#c3f1fa
```
#c3f1fa rgb(195,241,250)
```
#d5f5fb
```
#d5f5fb rgb(213,245,251)
```
#e7f9fd
```
#e7f9fd rgb(231,249,253)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#7d8c8f
```
#7d8c8f rgb(125,140,143)
```
#749298
```
#749298 rgb(116,146,152)
```
#6a99a2
```
#6a99a2 rgb(106,153,162)
```
#619fab
```
#619fab rgb(97,159,171)
```
#58a5b4
```
#58a5b4 rgb(88,165,180)
```
#4facbd
```
#4facbd rgb(79,172,189)
```
#45b2c7
```
#45b2c7 rgb(69,178,199)
```
#3cb8d0
```
#3cb8d0 rgb(60,184,208)
```
#33bed9
```
#33bed9 rgb(51,190,217)
```
#29c5e3
```
#29c5e3 rgb(41,197,227)
```
#20cbec
```
#20cbec rgb(32,203,236)
```
#17d1f5
```
#17d1f5 rgb(23,209,245)
```
#0dd8ff
```
#0dd8ff rgb(13,216,255)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#83a5ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bbe1 Protanopia 1% of men
#afbaf4 Deuteranopia 1% of men
#00cfdf Tritanopia 0.001% of the population

Trichromacy

#7ec1e5 Protanomaly 1% of men, 0.01% of women
#7bc0f1 Deuteranomaly 6% of men, 0.4% of women
#0bcee3 Tritanomaly 0.01% of the population

#20cbec hex color

#20cbec Color Information

#20cbec Color Conversion

Color Schemes with #20cbec

Alternatives to #20cbec

#20cbec Preview

Shades and Tints of #20cbec

Tones of #20cbec

Color Blindness Simulator