#20defc hex color

In a RGB color space, hex #20defc is composed of 12.5% red, 87.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 11.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 188.2 degrees, a saturation of 97.3% and a lightness of 55.7%. #20defc color hex could be obtained by blending #40ffff with #00bdf9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 87
- B 99
RGB color chart
- C 87
- M 12
- Y 0
- K 1
CMYK color chart

● #20defc color description : Vivid cyan.

The hexadecimal color #20defc has RGB values of R:32, G:222, B:252 and CMYK values of C:0.87, M:0.12, Y:0, K:0.01. Its decimal value is 2154236.

Hex triplet	20defc	`#20defc`
RGB Decimal	32, 222, 252	`rgb(32,222,252)`
RGB Percent	12.5, 87.1, 98.8	`rgb(12.5%,87.1%,98.8%)`
CMYK	87, 12, 0, 1
HSL	188.2°, 97.3, 55.7	`hsl(188.2,97.3%,55.7%)`
HSV (or HSB)	188.2°, 87.3, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.606, -33.099, -26.93
XYZ	44.283, 59.574, 101.255
xyY	0.216, 0.29, 59.574
CIE-LCH	81.606, 42.67, 219.133
CIE-LUV	81.606, -58.542, -38.746
Hunter-Lab	77.184, -32.661, -23.752
Binary	00100000, 11011110, 11111100

#20defc
```
#20defc rgb(32,222,252)
```
#fc3e20
```
#fc3e20 rgb(252,62,32)
```

Complementary Color

#20fcac
```
#20fcac rgb(32,252,172)
```
#20defc
```
#20defc rgb(32,222,252)
```
#2070fc
```
#2070fc rgb(32,112,252)
```

Analogous Color

#fcac20
```
#fcac20 rgb(252,172,32)
```
#20defc
```
#20defc rgb(32,222,252)
```
#fc2070
```
#fc2070 rgb(252,32,112)
```

Split Complementary Color

#defc20
```
#defc20 rgb(222,252,32)
```
#20defc
```
#20defc rgb(32,222,252)
```
#fc20de
```
#fc20de rgb(252,32,222)
```

Triadic Color

#20fc3e
```
#20fc3e rgb(32,252,62)
```
#20defc
```
#20defc rgb(32,222,252)
```
#fc20de
```
#fc20de rgb(252,32,222)
```
#fc3e20
```
#fc3e20 rgb(252,62,32)
```

Tetradic Color

#03b1cd
```
#03b1cd rgb(3,177,205)
```
#03c7e6
```
#03c7e6 rgb(3,199,230)
```
#07dafc
```
#07dafc rgb(7,218,252)
```
#20defc
```
#20defc rgb(32,222,252)
```
#39e2fc
```
#39e2fc rgb(57,226,252)
```
#52e5fd
```
#52e5fd rgb(82,229,253)
```
#6be9fd
```
#6be9fd rgb(107,233,253)
```

Monochromatic Color

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

#20fce3
```
#20fce3 rgb(32,252,227)
```
#20fcf5
```
#20fcf5 rgb(32,252,245)
```
#20f0fc
```
#20f0fc rgb(32,240,252)
```
#20defc
```
#20defc rgb(32,222,252)
```
#20ccfc
```
#20ccfc rgb(32,204,252)
```
#20b9fc
```
#20b9fc rgb(32,185,252)
```
#20a7fc
```
#20a7fc rgb(32,167,252)
```

Similar Colors

Text with hexadecimal color #20defc

This text has a font color of #20defc.

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

#20defc background color

This paragraph has a background color of #20defc.

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

#20defc border color

This element has a border color of #20defc.

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

CSS codes

.text {color:#20defc;}

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

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

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

#000809
```
#000809 rgb(0,8,9)
```
#00191d
```
#00191d rgb(0,25,29)
```
#012a30
```
#012a30 rgb(1,42,48)
```
#013a43
```
#013a43 rgb(1,58,67)
```
#014b57
```
#014b57 rgb(1,75,87)
```
#015c6a
```
#015c6a rgb(1,92,106)
```
#026d7d
```
#026d7d rgb(2,109,125)
```
#027d91
```
#027d91 rgb(2,125,145)
```
#028ea4
```
#028ea4 rgb(2,142,164)
```
#029fb7
```
#029fb7 rgb(2,159,183)
```
#03b0cb
```
#03b0cb rgb(3,176,203)
```
#03c0de
```
#03c0de rgb(3,192,222)
```
#03d1f2
```
#03d1f2 rgb(3,209,242)
```

Shade Color Variation

#0ddbfc
```
#0ddbfc rgb(13,219,252)
```
#20defc
```
#20defc rgb(32,222,252)
```
#33e1fc
```
#33e1fc rgb(51,225,252)
```
#47e4fd
```
#47e4fd rgb(71,228,253)
```
#5ae7fd
```
#5ae7fd rgb(90,231,253)
```
#6de9fd
```
#6de9fd rgb(109,233,253)
```
#81ecfd
```
#81ecfd rgb(129,236,253)
```
#94effe
```
#94effe rgb(148,239,254)
```
#a7f2fe
```
#a7f2fe rgb(167,242,254)
```
#bbf5fe
```
#bbf5fe rgb(187,245,254)
```
#cef8fe
```
#cef8fe rgb(206,248,254)
```
#e2fbff
```
#e2fbff rgb(226,251,255)
```
#f5feff
```
#f5feff rgb(245,254,255)
```

Tint Color Variation

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

#889294
```
#889294 rgb(136,146,148)
```
#80989c
```
#80989c rgb(128,152,156)
```
#779fa5
```
#779fa5 rgb(119,159,165)
```
#6ea5ae
```
#6ea5ae rgb(110,165,174)
```
#66abb6
```
#66abb6 rgb(102,171,182)
```
#5db2bf
```
#5db2bf rgb(93,178,191)
```
#54b8c8
```
#54b8c8 rgb(84,184,200)
```
#4bbed1
```
#4bbed1 rgb(75,190,209)
```
#43c5d9
```
#43c5d9 rgb(67,197,217)
```
#3acbe2
```
#3acbe2 rgb(58,203,226)
```
#31d1eb
```
#31d1eb rgb(49,209,235)
```
#29d8f3
```
#29d8f3 rgb(41,216,243)
```
#20defc
```
#20defc rgb(32,222,252)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#8eb4ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cbef Protanopia 1% of men
#c2caff Deuteranopia 1% of men
#00e1f1 Tritanopia 0.001% of the population

Trichromacy

#89d2f4 Protanomaly 1% of men, 0.01% of women
#87d1fd Deuteranomaly 6% of men, 0.4% of women
#0be0f5 Tritanomaly 0.01% of the population

#20defc hex color

#20defc Color Information

#20defc Color Conversion

Color Schemes with #20defc

Alternatives to #20defc

#20defc Preview

Shades and Tints of #20defc

Tones of #20defc

Color Blindness Simulator