#20acbc hex color

In a RGB color space, hex #20acbc is composed of 12.5% red, 67.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 8.5% magenta, 0% yellow and 26.3% black. It has a hue angle of 186.2 degrees, a saturation of 70.9% and a lightness of 43.1%. #20acbc color hex could be obtained by blending #40ffff with #005979. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 67
- B 74
RGB color chart
- C 83
- M 9
- Y 0
- K 26
CMYK color chart

● #20acbc color description : Strong cyan.

The hexadecimal color #20acbc has RGB values of R:32, G:172, B:188 and CMYK values of C:0.83, M:0.09, Y:0, K:0.26. Its decimal value is 2141372.

Hex triplet	20acbc	`#20acbc`
RGB Decimal	32, 172, 188	`rgb(32,172,188)`
RGB Percent	12.5, 67.5, 73.7	`rgb(12.5%,67.5%,73.7%)`
CMYK	83, 9, 0, 26
HSL	186.2°, 70.9, 43.1	`hsl(186.2,70.9%,43.1%)`
HSV (or HSB)	186.2°, 83, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.516, -29.178, -18.25
XYZ	24.423, 33.441, 52.742
xyY	0.221, 0.302, 33.441
CIE-LCH	64.516, 34.415, 212.024
CIE-LUV	64.516, -46.188, -23.898
Hunter-Lab	57.828, -25.812, -13.596
Binary	00100000, 10101100, 10111100

#20acbc
```
#20acbc rgb(32,172,188)
```
#bc3020
```
#bc3020 rgb(188,48,32)
```

Complementary Color

#20bc7e
```
#20bc7e rgb(32,188,126)
```
#20acbc
```
#20acbc rgb(32,172,188)
```
#205ebc
```
#205ebc rgb(32,94,188)
```

Analogous Color

#bc7e20
```
#bc7e20 rgb(188,126,32)
```
#20acbc
```
#20acbc rgb(32,172,188)
```
#bc205e
```
#bc205e rgb(188,32,94)
```

Split Complementary Color

#acbc20
```
#acbc20 rgb(172,188,32)
```
#20acbc
```
#20acbc rgb(32,172,188)
```
#bc20ac
```
#bc20ac rgb(188,32,172)
```

Triadic Color

#20bc30
```
#20bc30 rgb(32,188,48)
```
#20acbc
```
#20acbc rgb(32,172,188)
```
#bc20ac
```
#bc20ac rgb(188,32,172)
```
#bc3020
```
#bc3020 rgb(188,48,32)
```

Tetradic Color

#15707b
```
#15707b rgb(21,112,123)
```
#198490
```
#198490 rgb(25,132,144)
```
#1c98a6
```
#1c98a6 rgb(28,152,166)
```
#20acbc
```
#20acbc rgb(32,172,188)
```
#24c0d2
```
#24c0d2 rgb(36,192,210)
```
#33cbdc
```
#33cbdc rgb(51,203,220)
```
#49d0e0
```
#49d0e0 rgb(73,208,224)
```

Monochromatic Color

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

#20bca5
```
#20bca5 rgb(32,188,165)
```
#20bcb2
```
#20bcb2 rgb(32,188,178)
```
#20b9bc
```
#20b9bc rgb(32,185,188)
```
#20acbc
```
#20acbc rgb(32,172,188)
```
#209fbc
```
#209fbc rgb(32,159,188)
```
#2092bc
```
#2092bc rgb(32,146,188)
```
#2085bc
```
#2085bc rgb(32,133,188)
```

Similar Colors

Text with hexadecimal color #20acbc

This text has a font color of #20acbc.

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

#20acbc background color

This paragraph has a background color of #20acbc.

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

#20acbc border color

This element has a border color of #20acbc.

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

CSS codes

.text {color:#20acbc;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#031314
```
#031314 rgb(3,19,20)
```
#062225
```
#062225 rgb(6,34,37)
```
#093136
```
#093136 rgb(9,49,54)
```
#0c4147
```
#0c4147 rgb(12,65,71)
```
#0f5057
```
#0f5057 rgb(15,80,87)
```
#125f68
```
#125f68 rgb(18,95,104)
```
#156f79
```
#156f79 rgb(21,111,121)
```
#177e8a
```
#177e8a rgb(23,126,138)
```
#1a8d9a
```
#1a8d9a rgb(26,141,154)
```
#1d9dab
```
#1d9dab rgb(29,157,171)
```
#20acbc
```
#20acbc rgb(32,172,188)
```
#23bbcd
```
#23bbcd rgb(35,187,205)
```

Shade Color Variation

#29c8db
```
#29c8db rgb(41,200,219)
```
#39cddd
```
#39cddd rgb(57,205,221)
```
#4ad1e0
```
#4ad1e0 rgb(74,209,224)
```
#5bd5e3
```
#5bd5e3 rgb(91,213,227)
```
#6cd9e6
```
#6cd9e6 rgb(108,217,230)
```
#7ddee9
```
#7ddee9 rgb(125,222,233)
```
#8de2ec
```
#8de2ec rgb(141,226,236)
```
#9ee6ee
```
#9ee6ee rgb(158,230,238)
```
#afebf1
```
#afebf1 rgb(175,235,241)
```
#c0eff4
```
#c0eff4 rgb(192,239,244)
```
#d0f3f7
```
#d0f3f7 rgb(208,243,247)
```
#e1f7fa
```
#e1f7fa rgb(225,247,250)
```
#f2fcfd
```
#f2fcfd rgb(242,252,253)
```

Tint Color Variation

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

#6c6f70
```
#6c6f70 rgb(108,111,112)
```
#647678
```
#647678 rgb(100,118,120)
```
#5b7d81
```
#5b7d81 rgb(91,125,129)
```
#538489
```
#538489 rgb(83,132,137)
```
#4a8a92
```
#4a8a92 rgb(74,138,146)
```
#42919a
```
#42919a rgb(66,145,154)
```
#3998a3
```
#3998a3 rgb(57,152,163)
```
#319fab
```
#319fab rgb(49,159,171)
```
#28a5b4
```
#28a5b4 rgb(40,165,180)
```
#20acbc
```
#20acbc rgb(32,172,188)
```
#18b3c4
```
#18b3c4 rgb(24,179,196)
```
#0fb9cd
```
#0fb9cd rgb(15,185,205)
```
#07c0d5
```
#07c0d5 rgb(7,192,213)
```

Tone Color Variation

Below, you can see how #20acbc 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
#708c8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da0b5 Protanopia 1% of men
#9c9ec6 Deuteranopia 1% of men
#28b0bd Tritanopia 0.001% of the population

Trichromacy

#70a4b8 Protanomaly 1% of men, 0.01% of women
#6fa3c2 Deuteranomaly 6% of men, 0.4% of women
#25aebd Tritanomaly 0.01% of the population

#20acbc hex color

#20acbc Color Information

#20acbc Color Conversion

Color Schemes with #20acbc

Alternatives to #20acbc

#20acbc Preview

Shades and Tints of #20acbc

Tones of #20acbc

Color Blindness Simulator