#20afc5 hex color

In a RGB color space, hex #20afc5 is composed of 12.5% red, 68.6% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 11.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 188 degrees, a saturation of 72.1% and a lightness of 44.9%. #20afc5 color hex could be obtained by blending #40ffff with #005f8b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 69
- B 77
RGB color chart
- C 84
- M 11
- Y 0
- K 23
CMYK color chart

● #20afc5 color description : Strong cyan.

The hexadecimal color #20afc5 has RGB values of R:32, G:175, B:197 and CMYK values of C:0.84, M:0.11, Y:0, K:0.23. Its decimal value is 2142149.

Hex triplet	20afc5	`#20afc5`
RGB Decimal	32, 175, 197	`rgb(32,175,197)`
RGB Percent	12.5, 68.6, 77.3	`rgb(12.5%,68.6%,77.3%)`
CMYK	84, 11, 0, 23
HSL	188°, 72.1, 44.9	`hsl(188,72.1%,44.9%)`
HSV (or HSB)	188°, 83.8, 77.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.745, -27.772, -21.376
XYZ	26.001, 34.996, 58.205
xyY	0.218, 0.294, 34.996
CIE-LCH	65.745, 35.046, 217.585
CIE-LUV	65.745, -46.577, -29.262
Hunter-Lab	59.157, -25.071, -16.925
Binary	00100000, 10101111, 11000101

#20afc5
```
#20afc5 rgb(32,175,197)
```
#c53620
```
#c53620 rgb(197,54,32)
```

Complementary Color

#20c589
```
#20c589 rgb(32,197,137)
```
#20afc5
```
#20afc5 rgb(32,175,197)
```
#205dc5
```
#205dc5 rgb(32,93,197)
```

Analogous Color

#c58920
```
#c58920 rgb(197,137,32)
```
#20afc5
```
#20afc5 rgb(32,175,197)
```
#c5205d
```
#c5205d rgb(197,32,93)
```

Split Complementary Color

#afc520
```
#afc520 rgb(175,197,32)
```
#20afc5
```
#20afc5 rgb(32,175,197)
```
#c520af
```
#c520af rgb(197,32,175)
```

Triadic Color

#20c536
```
#20c536 rgb(32,197,54)
```
#20afc5
```
#20afc5 rgb(32,175,197)
```
#c520af
```
#c520af rgb(197,32,175)
```
#c53620
```
#c53620 rgb(197,54,32)
```

Tetradic Color

#157583
```
#157583 rgb(21,117,131)
```
#198899
```
#198899 rgb(25,136,153)
```
#1c9caf
```
#1c9caf rgb(28,156,175)
```
#20afc5
```
#20afc5 rgb(32,175,197)
```
#24c2db
```
#24c2db rgb(36,194,219)
```
#39c9df
```
#39c9df rgb(57,201,223)
```
#4fcfe2
```
#4fcfe2 rgb(79,207,226)
```

Monochromatic Color

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

#20c5b2
```
#20c5b2 rgb(32,197,178)
```
#20c5c0
```
#20c5c0 rgb(32,197,192)
```
#20bdc5
```
#20bdc5 rgb(32,189,197)
```
#20afc5
```
#20afc5 rgb(32,175,197)
```
#20a1c5
```
#20a1c5 rgb(32,161,197)
```
#2094c5
```
#2094c5 rgb(32,148,197)
```
#2086c5
```
#2086c5 rgb(32,134,197)
```

Similar Colors

Text with hexadecimal color #20afc5

This text has a font color of #20afc5.

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

#20afc5 background color

This paragraph has a background color of #20afc5.

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

#20afc5 border color

This element has a border color of #20afc5.

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

CSS codes

.text {color:#20afc5;}

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

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

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, #020a0b is the darkest color, while #fafdfe is the lightest one.

#020a0b
```
#020a0b rgb(2,10,11)
```
#05191c
```
#05191c rgb(5,25,28)
```
#07282d
```
#07282d rgb(7,40,45)
```
#0a373e
```
#0a373e rgb(10,55,62)
```
#0d464f
```
#0d464f rgb(13,70,79)
```
#105560
```
#105560 rgb(16,85,96)
```
#126471
```
#126471 rgb(18,100,113)
```
#157382
```
#157382 rgb(21,115,130)
```
#188292
```
#188292 rgb(24,130,146)
```
#1b91a3
```
#1b91a3 rgb(27,145,163)
```
#1da0b4
```
#1da0b4 rgb(29,160,180)
```
#20afc5
```
#20afc5 rgb(32,175,197)
```
#23bed6
```
#23bed6 rgb(35,190,214)
```

Shade Color Variation

#2fc6dd
```
#2fc6dd rgb(47,198,221)
```
#40cbe0
```
#40cbe0 rgb(64,203,224)
```
#51cfe3
```
#51cfe3 rgb(81,207,227)
```
#62d4e5
```
#62d4e5 rgb(98,212,229)
```
#73d8e8
```
#73d8e8 rgb(115,216,232)
```
#83ddeb
```
#83ddeb rgb(131,221,235)
```
#94e2ee
```
#94e2ee rgb(148,226,238)
```
#a5e6f0
```
#a5e6f0 rgb(165,230,240)
```
#b6ebf3
```
#b6ebf3 rgb(182,235,243)
```
#c7f0f6
```
#c7f0f6 rgb(199,240,246)
```
#d8f4f9
```
#d8f4f9 rgb(216,244,249)
```
#e9f9fb
```
#e9f9fb rgb(233,249,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7576 is the less saturated color, while #06c2df is the most saturated one.

#6f7576
```
#6f7576 rgb(111,117,118)
```
#667b7f
```
#667b7f rgb(102,123,127)
```
#5e8287
```
#5e8287 rgb(94,130,135)
```
#558890
```
#558890 rgb(85,136,144)
```
#4c8f99
```
#4c8f99 rgb(76,143,153)
```
#4395a2
```
#4395a2 rgb(67,149,162)
```
#3a9cab
```
#3a9cab rgb(58,156,171)
```
#32a2b3
```
#32a2b3 rgb(50,162,179)
```
#29a9bc
```
#29a9bc rgb(41,169,188)
```
#20afc5
```
#20afc5 rgb(32,175,197)
```
#17b5ce
```
#17b5ce rgb(23,181,206)
```
#0ebcd7
```
#0ebcd7 rgb(14,188,215)
```
#06c2df
```
#06c2df rgb(6,194,223)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#728f93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa3be Protanopia 1% of men
#9ca1ce Deuteranopia 1% of men
#20b4c1 Tritanopia 0.001% of the population

Trichromacy

#70a7c0 Protanomaly 1% of men, 0.01% of women
#6fa6cb Deuteranomaly 6% of men, 0.4% of women
#20b2c2 Tritanomaly 0.01% of the population

#20afc5 hex color

#20afc5 Color Information

#20afc5 Color Conversion

Color Schemes with #20afc5

Alternatives to #20afc5

#20afc5 Preview

Shades and Tints of #20afc5

Tones of #20afc5

Color Blindness Simulator