colorhexa.com

#20aac8 hex color

In a RGB color space, hex #20aac8 is composed of 12.5% red, 66.7% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 15% magenta, 0% yellow and 21.6% black. It has a hue angle of 190.7 degrees, a saturation of 72.4% and a lightness of 45.5%. #20aac8 color hex could be obtained by blending #40ffff with #005591. Closest websafe color is: #3399cc.

- R 13
- G 67
- B 78
RGB color chart
- C 84
- M 15
- Y 0
- K 22
CMYK color chart

● #20aac8 color description : Strong cyan.

The hexadecimal color #20aac8 has RGB values of R:32, G:170, B:200 and CMYK values of C:0.84, M:0.15, Y:0, K:0.22. Its decimal value is 2140872.

Hex triplet	20aac8	`#20aac8`
RGB Decimal	32, 170, 200	`rgb(32,170,200)`
RGB Percent	12.5, 66.7, 78.4	`rgb(12.5%,66.7%,78.4%)`
CMYK	84, 15, 0, 22
HSL	190.7°, 72.4, 45.5	`hsl(190.7,72.4%,45.5%)`
HSV (or HSB)	190.7°, 84, 78.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.342, -24.274, -25.188
XYZ	25.393, 33.224, 59.715
xyY	0.215, 0.281, 33.224
CIE-LCH	64.342, 34.98, 226.059
CIE-LUV	64.342, -44.613, -35.909
Hunter-Lab	57.64, -22.235, -21.076
Binary	00100000, 10101010, 11001000

#20aac8
```
#20aac8 rgb(32,170,200)
```
#c83e20
```
#c83e20 rgb(200,62,32)
```

Complementary Color

#20c892
```
#20c892 rgb(32,200,146)
```
#20aac8
```
#20aac8 rgb(32,170,200)
```
#2056c8
```
#2056c8 rgb(32,86,200)
```

Analogous Color

#c89220
```
#c89220 rgb(200,146,32)
```
#20aac8
```
#20aac8 rgb(32,170,200)
```
#c82056
```
#c82056 rgb(200,32,86)
```

Split Complementary Color

#aac820
```
#aac820 rgb(170,200,32)
```
#20aac8
```
#20aac8 rgb(32,170,200)
```
#c820aa
```
#c820aa rgb(200,32,170)
```

Triadic Color

#20c83e
```
#20c83e rgb(32,200,62)
```
#20aac8
```
#20aac8 rgb(32,170,200)
```
#c820aa
```
#c820aa rgb(200,32,170)
```
#c83e20
```
#c83e20 rgb(200,62,32)
```

Tetradic Color

#157286
```
#157286 rgb(21,114,134)
```
#19859c
```
#19859c rgb(25,133,156)
```
#1c97b2
```
#1c97b2 rgb(28,151,178)
```
#20aac8
```
#20aac8 rgb(32,170,200)
```
#25bcdc
```
#25bcdc rgb(37,188,220)
```
#3bc2e0
```
#3bc2e0 rgb(59,194,224)
```
#51c9e3
```
#51c9e3 rgb(81,201,227)
```

Monochromatic Color

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

#20c8bc
```
#20c8bc rgb(32,200,188)
```
#20c6c8
```
#20c6c8 rgb(32,198,200)
```
#20b8c8
```
#20b8c8 rgb(32,184,200)
```
#20aac8
```
#20aac8 rgb(32,170,200)
```
#209cc8
```
#209cc8 rgb(32,156,200)
```
#208ec8
```
#208ec8 rgb(32,142,200)
```
#2080c8
```
#2080c8 rgb(32,128,200)
```

Similar Colors

Text with hexadecimal color #20aac8

This text has a font color of #20aac8.

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

#20aac8 background color

This paragraph has a background color of #20aac8.

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

#20aac8 border color

This element has a border color of #20aac8.

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

CSS codes

.text {color:#20aac8;}

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

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

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

#020c0e
```
#020c0e rgb(2,12,14)
```
#051a1f
```
#051a1f rgb(5,26,31)
```
#082930
```
#082930 rgb(8,41,48)
```
#0a3741
```
#0a3741 rgb(10,55,65)
```
#0d4552
```
#0d4552 rgb(13,69,82)
```
#105463
```
#105463 rgb(16,84,99)
```
#126273
```
#126273 rgb(18,98,115)
```
#157184
```
#157184 rgb(21,113,132)
```
#187f95
```
#187f95 rgb(24,127,149)
```
#1b8da6
```
#1b8da6 rgb(27,141,166)
```
#1d9cb7
```
#1d9cb7 rgb(29,156,183)
```
#20aac8
```
#20aac8 rgb(32,170,200)
```
#23b8d9
```
#23b8d9 rgb(35,184,217)
```

Shade Color Variation

#31bfde
```
#31bfde rgb(49,191,222)
```
#42c4e1
```
#42c4e1 rgb(66,196,225)
```
#53cae3
```
#53cae3 rgb(83,202,227)
```
#64cfe6
```
#64cfe6 rgb(100,207,230)
```
#75d4e9
```
#75d4e9 rgb(117,212,233)
```
#86d9ec
```
#86d9ec rgb(134,217,236)
```
#97dfee
```
#97dfee rgb(151,223,238)
```
#a8e4f1
```
#a8e4f1 rgb(168,228,241)
```
#b8e9f4
```
#b8e9f4 rgb(184,233,244)
```
#c9eef6
```
#c9eef6 rgb(201,238,246)
```
#daf4f9
```
#daf4f9 rgb(218,244,249)
```
#ebf9fc
```
#ebf9fc rgb(235,249,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#707678
```
#707678 rgb(112,118,120)
```
#677c81
```
#677c81 rgb(103,124,129)
```
#5e828a
```
#5e828a rgb(94,130,138)
```
#568892
```
#568892 rgb(86,136,146)
```
#4d8d9b
```
#4d8d9b rgb(77,141,155)
```
#4493a4
```
#4493a4 rgb(68,147,164)
```
#3b99ad
```
#3b99ad rgb(59,153,173)
```
#329fb6
```
#329fb6 rgb(50,159,182)
```
#29a4bf
```
#29a4bf rgb(41,164,191)
```
#20aac8
```
#20aac8 rgb(32,170,200)
```
#17b0d1
```
#17b0d1 rgb(23,176,209)
```
#0eb5da
```
#0eb5da rgb(14,181,218)
```
#05bbe3
```
#05bbe3 rgb(5,187,227)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#708c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999fc1 Protanopia 1% of men
#949ed0 Deuteranopia 1% of men
#00b0bd Tritanopia 0.001% of the population

Trichromacy

#6da3c3 Protanomaly 1% of men, 0.01% of women
#69a2cd Deuteranomaly 6% of men, 0.4% of women
#0baec1 Tritanomaly 0.01% of the population