#20acec hex color

In a RGB color space, hex #20acec is composed of 12.5% red, 67.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 27.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 198.8 degrees, a saturation of 84.3% and a lightness of 52.5%. #20acec color hex could be obtained by blending #40ffff with #0059d9. Closest websafe color is: #3399ff.

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

● #20acec color description : Vivid blue.

The hexadecimal color #20acec has RGB values of R:32, G:172, B:236 and CMYK values of C:0.86, M:0.27, Y:0, K:0.07. Its decimal value is 2141420.

Hex triplet	20acec	`#20acec`
RGB Decimal	32, 172, 236	`rgb(32,172,236)`
RGB Percent	12.5, 67.5, 92.5	`rgb(12.5%,67.5%,92.5%)`
CMYK	86, 27, 0, 7
HSL	198.8°, 84.3, 52.5	`hsl(198.8,84.3%,52.5%)`
HSV (or HSB)	198.8°, 86.4, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.417, -12.99, -41.817
XYZ	30.485, 35.865, 84.668
xyY	0.202, 0.237, 35.865
CIE-LCH	66.417, 43.788, 252.744
CIE-LUV	66.417, -42.809, -65.511
Hunter-Lab	59.888, -13.942, -41.902
Binary	00100000, 10101100, 11101100

#20acec
```
#20acec rgb(32,172,236)
```
#ec6020
```
#ec6020 rgb(236,96,32)
```

Complementary Color

#20ecc6
```
#20ecc6 rgb(32,236,198)
```
#20acec
```
#20acec rgb(32,172,236)
```
#2046ec
```
#2046ec rgb(32,70,236)
```

Analogous Color

#ecc620
```
#ecc620 rgb(236,198,32)
```
#20acec
```
#20acec rgb(32,172,236)
```
#ec2046
```
#ec2046 rgb(236,32,70)
```

Split Complementary Color

#acec20
```
#acec20 rgb(172,236,32)
```
#20acec
```
#20acec rgb(32,172,236)
```
#ec20ac
```
#ec20ac rgb(236,32,172)
```

Triadic Color

#20ec60
```
#20ec60 rgb(32,236,96)
```
#20acec
```
#20acec rgb(32,172,236)
```
#ec20ac
```
#ec20ac rgb(236,32,172)
```
#ec6020
```
#ec6020 rgb(236,96,32)
```

Tetradic Color

#0f7eb0
```
#0f7eb0 rgb(15,126,176)
```
#118fc8
```
#118fc8 rgb(17,143,200)
```
#139fdf
```
#139fdf rgb(19,159,223)
```
#20acec
```
#20acec rgb(32,172,236)
```
#37b5ee
```
#37b5ee rgb(55,181,238)
```
#4fbdf0
```
#4fbdf0 rgb(79,189,240)
```
#66c6f2
```
#66c6f2 rgb(102,198,242)
```

Monochromatic Color

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

#20dfec
```
#20dfec rgb(32,223,236)
```
#20ceec
```
#20ceec rgb(32,206,236)
```
#20bdec
```
#20bdec rgb(32,189,236)
```
#20acec
```
#20acec rgb(32,172,236)
```
#209bec
```
#209bec rgb(32,155,236)
```
#208aec
```
#208aec rgb(32,138,236)
```
#2079ec
```
#2079ec rgb(32,121,236)
```

Similar Colors

Text with hexadecimal color #20acec

This text has a font color of #20acec.

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

#20acec background color

This paragraph has a background color of #20acec.

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

#20acec border color

This element has a border color of #20acec.

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

CSS codes

.text {color:#20acec;}

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

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

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, #01090c is the darkest color, while #f9fdfe is the lightest one.

#01090c
```
#01090c rgb(1,9,12)
```
#03151e
```
#03151e rgb(3,21,30)
```
#042230
```
#042230 rgb(4,34,48)
```
#062f42
```
#062f42 rgb(6,47,66)
```
#073c54
```
#073c54 rgb(7,60,84)
```
#094966
```
#094966 rgb(9,73,102)
```
#0a5678
```
#0a5678 rgb(10,86,120)
```
#0c638b
```
#0c638b rgb(12,99,139)
```
#0d709d
```
#0d709d rgb(13,112,157)
```
#0f7daf
```
#0f7daf rgb(15,125,175)
```
#1089c1
```
#1089c1 rgb(16,137,193)
```
#1296d3
```
#1296d3 rgb(18,150,211)
```
#14a3e5
```
#14a3e5 rgb(20,163,229)
```

Shade Color Variation

#20acec
```
#20acec rgb(32,172,236)
```
#32b3ee
```
#32b3ee rgb(50,179,238)
```
#44b9ef
```
#44b9ef rgb(68,185,239)
```
#56c0f1
```
#56c0f1 rgb(86,192,241)
```
#68c7f2
```
#68c7f2 rgb(104,199,242)
```
#7acef4
```
#7acef4 rgb(122,206,244)
```
#8cd4f5
```
#8cd4f5 rgb(140,212,245)
```
#9fdbf7
```
#9fdbf7 rgb(159,219,247)
```
#b1e2f8
```
#b1e2f8 rgb(177,226,248)
```
#c3e9fa
```
#c3e9fa rgb(195,233,250)
```
#d5effb
```
#d5effb rgb(213,239,251)
```
#e7f6fd
```
#e7f6fd rgb(231,246,253)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#7d898f
```
#7d898f rgb(125,137,143)
```
#748d98
```
#748d98 rgb(116,141,152)
```
#6a90a2
```
#6a90a2 rgb(106,144,162)
```
#6194ab
```
#6194ab rgb(97,148,171)
```
#5897b4
```
#5897b4 rgb(88,151,180)
```
#4f9bbd
```
#4f9bbd rgb(79,155,189)
```
#459ec7
```
#459ec7 rgb(69,158,199)
```
#3ca2d0
```
#3ca2d0 rgb(60,162,208)
```
#33a5d9
```
#33a5d9 rgb(51,165,217)
```
#29a9e3
```
#29a9e3 rgb(41,169,227)
```
#20acec
```
#20acec rgb(32,172,236)
```
#17aff5
```
#17aff5 rgb(23,175,245)
```
#0db3ff
```
#0db3ff rgb(13,179,255)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#74909d Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a4e4 Protanopia 1% of men
#80a5f1 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#67a7e7 Protanomaly 1% of men, 0.01% of women
#5da8ef Deuteranomaly 6% of men, 0.4% of women
#0bb2d1 Tritanomaly 0.01% of the population

#20acec hex color

#20acec Color Information

#20acec Color Conversion

Color Schemes with #20acec

Alternatives to #20acec

#20acec Preview

Shades and Tints of #20acec

Tones of #20acec

Color Blindness Simulator