#20bacb hex color

In a RGB color space, hex #20bacb is composed of 12.5% red, 72.9% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 8.4% magenta, 0% yellow and 20.4% black. It has a hue angle of 186 degrees, a saturation of 72.8% and a lightness of 46.1%. #20bacb color hex could be obtained by blending #40ffff with #007597. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 73
- B 80
RGB color chart
- C 84
- M 8
- Y 0
- K 20
CMYK color chart

● #20bacb color description : Strong cyan.

The hexadecimal color #20bacb has RGB values of R:32, G:186, B:203 and CMYK values of C:0.84, M:0.08, Y:0, K:0.2. Its decimal value is 2144971.

Hex triplet	20bacb	`#20bacb`
RGB Decimal	32, 186, 203	`rgb(32,186,203)`
RGB Percent	12.5, 72.9, 79.6	`rgb(12.5%,72.9%,79.6%)`
CMYK	84, 8, 0, 20
HSL	186°, 72.8, 46.1	`hsl(186,72.8%,46.1%)`
HSV (or HSB)	186°, 84.2, 79.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.28, -31.245, -19.306
XYZ	28.931, 39.734, 62.641
xyY	0.22, 0.303, 39.734
CIE-LCH	69.28, 36.728, 211.712
CIE-LUV	69.28, -49.962, -25.581
Hunter-Lab	63.035, -28.385, -14.795
Binary	00100000, 10111010, 11001011

#20bacb
```
#20bacb rgb(32,186,203)
```
#cb3120
```
#cb3120 rgb(203,49,32)
```

Complementary Color

#20cb87
```
#20cb87 rgb(32,203,135)
```
#20bacb
```
#20bacb rgb(32,186,203)
```
#2065cb
```
#2065cb rgb(32,101,203)
```

Analogous Color

#cb8720
```
#cb8720 rgb(203,135,32)
```
#20bacb
```
#20bacb rgb(32,186,203)
```
#cb2065
```
#cb2065 rgb(203,32,101)
```

Split Complementary Color

#bacb20
```
#bacb20 rgb(186,203,32)
```
#20bacb
```
#20bacb rgb(32,186,203)
```
#cb20ba
```
#cb20ba rgb(203,32,186)
```

Triadic Color

#20cb31
```
#20cb31 rgb(32,203,49)
```
#20bacb
```
#20bacb rgb(32,186,203)
```
#cb20ba
```
#cb20ba rgb(203,32,186)
```
#cb3120
```
#cb3120 rgb(203,49,32)
```

Tetradic Color

#167d89
```
#167d89 rgb(22,125,137)
```
#19929f
```
#19929f rgb(25,146,159)
```
#1da6b5
```
#1da6b5 rgb(29,166,181)
```
#20bacb
```
#20bacb rgb(32,186,203)
```
#27cbdd
```
#27cbdd rgb(39,203,221)
```
#3ed0e0
```
#3ed0e0 rgb(62,208,224)
```
#54d6e4
```
#54d6e4 rgb(84,214,228)
```

Monochromatic Color

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

#20cbb1
```
#20cbb1 rgb(32,203,177)
```
#20cbc0
```
#20cbc0 rgb(32,203,192)
```
#20c8cb
```
#20c8cb rgb(32,200,203)
```
#20bacb
```
#20bacb rgb(32,186,203)
```
#20accb
```
#20accb rgb(32,172,203)
```
#209ecb
```
#209ecb rgb(32,158,203)
```
#208fcb
```
#208fcb rgb(32,143,203)
```

Similar Colors

Text with hexadecimal color #20bacb

This text has a font color of #20bacb.

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

#20bacb background color

This paragraph has a background color of #20bacb.

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

#20bacb border color

This element has a border color of #20bacb.

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

CSS codes

.text {color:#20bacb;}

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

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

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, #030f11 is the darkest color, while #ffffff is the lightest one.

#030f11
```
#030f11 rgb(3,15,17)
```
#051f22
```
#051f22 rgb(5,31,34)
```
#082e33
```
#082e33 rgb(8,46,51)
```
#0b3e43
```
#0b3e43 rgb(11,62,67)
```
#0d4d54
```
#0d4d54 rgb(13,77,84)
```
#105d65
```
#105d65 rgb(16,93,101)
```
#136c76
```
#136c76 rgb(19,108,118)
```
#157c87
```
#157c87 rgb(21,124,135)
```
#188b98
```
#188b98 rgb(24,139,152)
```
#1b9ba9
```
#1b9ba9 rgb(27,155,169)
```
#1daaba
```
#1daaba rgb(29,170,186)
```
#20bacb
```
#20bacb rgb(32,186,203)
```
#23cadc
```
#23cadc rgb(35,202,220)
```

Shade Color Variation

#33cedf
```
#33cedf rgb(51,206,223)
```
#44d2e2
```
#44d2e2 rgb(68,210,226)
```
#55d6e4
```
#55d6e4 rgb(85,214,228)
```
#66dae7
```
#66dae7 rgb(102,218,231)
```
#77deea
```
#77deea rgb(119,222,234)
```
#88e2ec
```
#88e2ec rgb(136,226,236)
```
#99e6ef
```
#99e6ef rgb(153,230,239)
```
#aaeaf2
```
#aaeaf2 rgb(170,234,242)
```
#bbeff4
```
#bbeff4 rgb(187,239,244)
```
#ccf3f7
```
#ccf3f7 rgb(204,243,247)
```
#ddf7fa
```
#ddf7fa rgb(221,247,250)
```
#eefbfc
```
#eefbfc rgb(238,251,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#71797a
```
#71797a rgb(113,121,122)
```
#688083
```
#688083 rgb(104,128,131)
```
#5f878c
```
#5f878c rgb(95,135,140)
```
#568f95
```
#568f95 rgb(86,143,149)
```
#4d969e
```
#4d969e rgb(77,150,158)
```
#449da7
```
#449da7 rgb(68,157,167)
```
#3ba4b0
```
#3ba4b0 rgb(59,164,176)
```
#32acb9
```
#32acb9 rgb(50,172,185)
```
#29b3c2
```
#29b3c2 rgb(41,179,194)
```
#20bacb
```
#20bacb rgb(32,186,203)
```
#17c1d4
```
#17c1d4 rgb(23,193,212)
```
#0ec8dd
```
#0ec8dd rgb(14,200,221)
```
#05d0e6
```
#05d0e6 rgb(5,208,230)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#78979a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9acc3 Protanopia 1% of men
#a8aad5 Deuteranopia 1% of men
#28bdcb Tritanopia 0.001% of the population

Trichromacy

#77b1c6 Protanomaly 1% of men, 0.01% of women
#76b0d1 Deuteranomaly 6% of men, 0.4% of women
#25bccb Tritanomaly 0.01% of the population

#20bacb hex color

#20bacb Color Information

#20bacb Color Conversion

Color Schemes with #20bacb

Alternatives to #20bacb

#20bacb Preview

Shades and Tints of #20bacb

Tones of #20bacb

Color Blindness Simulator