#20caec hex color

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

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

● #20caec color description : Vivid cyan.

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

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

CIE-LAB	75.202, -28.517, -28.194
XYZ	36.852, 48.601, 86.791
xyY	0.214, 0.282, 48.601
CIE-LCH	75.202, 40.101, 224.674
CIE-LUV	75.202, -52.987, -41.17
Hunter-Lab	69.714, -27.641, -25.013
Binary	00100000, 11001010, 11101100

#20caec
```
#20caec rgb(32,202,236)
```
#ec4220
```
#ec4220 rgb(236,66,32)
```

Complementary Color

#20eca8
```
#20eca8 rgb(32,236,168)
```
#20caec
```
#20caec rgb(32,202,236)
```
#2064ec
```
#2064ec rgb(32,100,236)
```

Analogous Color

#eca820
```
#eca820 rgb(236,168,32)
```
#20caec
```
#20caec rgb(32,202,236)
```
#ec2064
```
#ec2064 rgb(236,32,100)
```

Split Complementary Color

#caec20
```
#caec20 rgb(202,236,32)
```
#20caec
```
#20caec rgb(32,202,236)
```
#ec20ca
```
#ec20ca rgb(236,32,202)
```

Triadic Color

#20ec42
```
#20ec42 rgb(32,236,66)
```
#20caec
```
#20caec rgb(32,202,236)
```
#ec20ca
```
#ec20ca rgb(236,32,202)
```
#ec4220
```
#ec4220 rgb(236,66,32)
```

Tetradic Color

#0f96b0
```
#0f96b0 rgb(15,150,176)
```
#11a9c8
```
#11a9c8 rgb(17,169,200)
```
#13bddf
```
#13bddf rgb(19,189,223)
```
#20caec
```
#20caec rgb(32,202,236)
```
#37d0ee
```
#37d0ee rgb(55,208,238)
```
#4fd5f0
```
#4fd5f0 rgb(79,213,240)
```
#66dbf2
```
#66dbf2 rgb(102,219,242)
```

Monochromatic Color

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

#20ecdb
```
#20ecdb rgb(32,236,219)
```
#20ecec
```
#20ecec rgb(32,236,236)
```
#20dbec
```
#20dbec rgb(32,219,236)
```
#20caec
```
#20caec rgb(32,202,236)
```
#20b9ec
```
#20b9ec rgb(32,185,236)
```
#20a8ec
```
#20a8ec rgb(32,168,236)
```
#2097ec
```
#2097ec rgb(32,151,236)
```

Similar Colors

Text with hexadecimal color #20caec

This text has a font color of #20caec.

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

#20caec background color

This paragraph has a background color of #20caec.

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

#20caec border color

This element has a border color of #20caec.

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

CSS codes

.text {color:#20caec;}

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

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

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)
```
#03191e
```
#03191e rgb(3,25,30)
```
#042930
```
#042930 rgb(4,41,48)
```
#063842
```
#063842 rgb(6,56,66)
```
#074754
```
#074754 rgb(7,71,84)
```
#095766
```
#095766 rgb(9,87,102)
```
#0a6678
```
#0a6678 rgb(10,102,120)
```
#0c758b
```
#0c758b rgb(12,117,139)
```
#0d859d
```
#0d859d rgb(13,133,157)
```
#0f94af
```
#0f94af rgb(15,148,175)
```
#10a3c1
```
#10a3c1 rgb(16,163,193)
```
#12b3d3
```
#12b3d3 rgb(18,179,211)
```
#14c2e5
```
#14c2e5 rgb(20,194,229)
```

Shade Color Variation

#20caec
```
#20caec rgb(32,202,236)
```
#32ceee
```
#32ceee rgb(50,206,238)
```
#44d3ef
```
#44d3ef rgb(68,211,239)
```
#56d7f1
```
#56d7f1 rgb(86,215,241)
```
#68dbf2
```
#68dbf2 rgb(104,219,242)
```
#7adff4
```
#7adff4 rgb(122,223,244)
```
#8ce4f5
```
#8ce4f5 rgb(140,228,245)
```
#9fe8f7
```
#9fe8f7 rgb(159,232,247)
```
#b1ecf8
```
#b1ecf8 rgb(177,236,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 #0dd6ff is the most saturated one.

#7d8c8f
```
#7d8c8f rgb(125,140,143)
```
#749298
```
#749298 rgb(116,146,152)
```
#6a98a2
```
#6a98a2 rgb(106,152,162)
```
#619fab
```
#619fab rgb(97,159,171)
```
#58a5b4
```
#58a5b4 rgb(88,165,180)
```
#4fabbd
```
#4fabbd rgb(79,171,189)
```
#45b1c7
```
#45b1c7 rgb(69,177,199)
```
#3cb7d0
```
#3cb7d0 rgb(60,183,208)
```
#33bed9
```
#33bed9 rgb(51,190,217)
```
#29c4e3
```
#29c4e3 rgb(41,196,227)
```
#20caec
```
#20caec rgb(32,202,236)
```
#17d0f5
```
#17d0f5 rgb(23,208,245)
```
#0dd6ff
```
#0dd6ff rgb(13,214,255)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#82a4ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bbe1 Protanopia 1% of men
#adbaf4 Deuteranopia 1% of men
#00cfde Tritanopia 0.001% of the population

Trichromacy

#7dc0e5 Protanomaly 1% of men, 0.01% of women
#7abff1 Deuteranomaly 6% of men, 0.4% of women
#0bcde3 Tritanomaly 0.01% of the population

#20caec hex color

#20caec Color Information

#20caec Color Conversion

Color Schemes with #20caec

Alternatives to #20caec

#20caec Preview

Shades and Tints of #20caec

Tones of #20caec

Color Blindness Simulator