#20bcca hex color

In a RGB color space, hex #20bcca is composed of 12.5% red, 73.7% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 6.9% magenta, 0% yellow and 20.8% black. It has a hue angle of 184.9 degrees, a saturation of 72.6% and a lightness of 45.9%. #20bcca color hex could be obtained by blending #40ffff with #007995. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 74
- B 79
RGB color chart
- C 84
- M 7
- Y 0
- K 21
CMYK color chart

● #20bcca color description : Strong cyan.

The hexadecimal color #20bcca has RGB values of R:32, G:188, B:202 and CMYK values of C:0.84, M:0.07, Y:0, K:0.21. Its decimal value is 2145482.

Hex triplet	20bcca	`#20bcca`
RGB Decimal	32, 188, 202	`rgb(32,188,202)`
RGB Percent	12.5, 73.7, 79.2	`rgb(12.5%,73.7%,79.2%)`
CMYK	84, 7, 0, 21
HSL	184.9°, 72.6, 45.9	`hsl(184.9,72.6%,45.9%)`
HSV (or HSB)	184.9°, 84.2, 79.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.849, -32.519, -17.895
XYZ	29.236, 40.535, 62.157
xyY	0.222, 0.307, 40.535
CIE-LCH	69.849, 37.117, 208.824
CIE-LUV	69.849, -50.731, -23.115
Hunter-Lab	63.667, -29.449, -13.317
Binary	00100000, 10111100, 11001010

#20bcca
```
#20bcca rgb(32,188,202)
```
#ca2e20
```
#ca2e20 rgb(202,46,32)
```

Complementary Color

#20ca83
```
#20ca83 rgb(32,202,131)
```
#20bcca
```
#20bcca rgb(32,188,202)
```
#2067ca
```
#2067ca rgb(32,103,202)
```

Analogous Color

#ca8320
```
#ca8320 rgb(202,131,32)
```
#20bcca
```
#20bcca rgb(32,188,202)
```
#ca2067
```
#ca2067 rgb(202,32,103)
```

Split Complementary Color

#bcca20
```
#bcca20 rgb(188,202,32)
```
#20bcca
```
#20bcca rgb(32,188,202)
```
#ca20bc
```
#ca20bc rgb(202,32,188)
```

Triadic Color

#20ca2e
```
#20ca2e rgb(32,202,46)
```
#20bcca
```
#20bcca rgb(32,188,202)
```
#ca20bc
```
#ca20bc rgb(202,32,188)
```
#ca2e20
```
#ca2e20 rgb(202,46,32)
```

Tetradic Color

#167f88
```
#167f88 rgb(22,127,136)
```
#19939e
```
#19939e rgb(25,147,158)
```
#1da8b4
```
#1da8b4 rgb(29,168,180)
```
#20bcca
```
#20bcca rgb(32,188,202)
```
#27cedd
```
#27cedd rgb(39,206,221)
```
#3dd3e0
```
#3dd3e0 rgb(61,211,224)
```
#53d8e4
```
#53d8e4 rgb(83,216,228)
```

Monochromatic Color

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

#20caae
```
#20caae rgb(32,202,174)
```
#20cabc
```
#20cabc rgb(32,202,188)
```
#20caca
```
#20caca rgb(32,202,202)
```
#20bcca
```
#20bcca rgb(32,188,202)
```
#20aeca
```
#20aeca rgb(32,174,202)
```
#20a0ca
```
#20a0ca rgb(32,160,202)
```
#2092ca
```
#2092ca rgb(32,146,202)
```

Similar Colors

Text with hexadecimal color #20bcca

This text has a font color of #20bcca.

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

#20bcca background color

This paragraph has a background color of #20bcca.

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

#20bcca border color

This element has a border color of #20bcca.

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

CSS codes

.text {color:#20bcca;}

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

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

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

#020f10
```
#020f10 rgb(2,15,16)
```
#051e21
```
#051e21 rgb(5,30,33)
```
#082e32
```
#082e32 rgb(8,46,50)
```
#0b3e43
```
#0b3e43 rgb(11,62,67)
```
#0d4e53
```
#0d4e53 rgb(13,78,83)
```
#105d64
```
#105d64 rgb(16,93,100)
```
#136d75
```
#136d75 rgb(19,109,117)
```
#157d86
```
#157d86 rgb(21,125,134)
```
#188d97
```
#188d97 rgb(24,141,151)
```
#1b9ca8
```
#1b9ca8 rgb(27,156,168)
```
#1dacb9
```
#1dacb9 rgb(29,172,185)
```
#20bcca
```
#20bcca rgb(32,188,202)
```
#23ccdb
```
#23ccdb rgb(35,204,219)
```

Shade Color Variation

#33d0df
```
#33d0df rgb(51,208,223)
```
#44d4e1
```
#44d4e1 rgb(68,212,225)
```
#54d8e4
```
#54d8e4 rgb(84,216,228)
```
#65dce7
```
#65dce7 rgb(101,220,231)
```
#76e0e9
```
#76e0e9 rgb(118,224,233)
```
#87e4ec
```
#87e4ec rgb(135,228,236)
```
#98e8ef
```
#98e8ef rgb(152,232,239)
```
#a9ebf1
```
#a9ebf1 rgb(169,235,241)
```
#baeff4
```
#baeff4 rgb(186,239,244)
```
#cbf3f7
```
#cbf3f7 rgb(203,243,247)
```
#dcf7f9
```
#dcf7f9 rgb(220,247,249)
```
#edfbfc
```
#edfbfc rgb(237,251,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#717879
```
#717879 rgb(113,120,121)
```
#688082
```
#688082 rgb(104,128,130)
```
#5f878b
```
#5f878b rgb(95,135,139)
```
#568f94
```
#568f94 rgb(86,143,148)
```
#4d969d
```
#4d969d rgb(77,150,157)
```
#449ea6
```
#449ea6 rgb(68,158,166)
```
#3ba5af
```
#3ba5af rgb(59,165,175)
```
#32adb8
```
#32adb8 rgb(50,173,184)
```
#29b4c1
```
#29b4c1 rgb(41,180,193)
```
#20bcca
```
#20bcca rgb(32,188,202)
```
#17c4d3
```
#17c4d3 rgb(23,196,211)
```
#0ecbdc
```
#0ecbdc rgb(14,203,220)
```
#05d3e5
```
#05d3e5 rgb(5,211,229)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#79989b Atypical Achromatopsia 0.001% of the population

Dichromacy

#abadc2 Protanopia 1% of men
#ababd4 Deuteranopia 1% of men
#2cbfcd Tritanopia 0.001% of the population

Trichromacy

#79b2c5 Protanomaly 1% of men, 0.01% of women
#78b1d0 Deuteranomaly 6% of men, 0.4% of women
#28becc Tritanomaly 0.01% of the population

#20bcca hex color

#20bcca Color Information

#20bcca Color Conversion

Color Schemes with #20bcca

Alternatives to #20bcca

#20bcca Preview

Shades and Tints of #20bcca

Tones of #20bcca

Color Blindness Simulator