#20a5b7 hex color

In a RGB color space, hex #20a5b7 is composed of 12.5% red, 64.7% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 9.8% magenta, 0% yellow and 28.2% black. It has a hue angle of 187.2 degrees, a saturation of 70.2% and a lightness of 42.2%. #20a5b7 color hex could be obtained by blending #40ffff with #004b6f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 65
- B 72
RGB color chart
- C 83
- M 10
- Y 0
- K 28
CMYK color chart

● #20a5b7 color description : Strong cyan.

The hexadecimal color #20a5b7 has RGB values of R:32, G:165, B:183 and CMYK values of C:0.83, M:0.1, Y:0, K:0.28. Its decimal value is 2139575.

Hex triplet	20a5b7	`#20a5b7`
RGB Decimal	32, 165, 183	`rgb(32,165,183)`
RGB Percent	12.5, 64.7, 71.8	`rgb(12.5%,64.7%,71.8%)`
CMYK	83, 10, 0, 28
HSL	187.2°, 70.2, 42.2	`hsl(187.2,70.2%,42.2%)`
HSV (or HSB)	187.2°, 82.5, 71.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.197, -27.317, -18.981
XYZ	22.596, 30.634, 49.519
xyY	0.22, 0.298, 30.634
CIE-LCH	62.197, 33.264, 214.793
CIE-LUV	62.197, -44.089, -25.201
Hunter-Lab	55.348, -23.987, -14.302
Binary	00100000, 10100101, 10110111

#20a5b7
```
#20a5b7 rgb(32,165,183)
```
#b73220
```
#b73220 rgb(183,50,32)
```

Complementary Color

#20b77e
```
#20b77e rgb(32,183,126)
```
#20a5b7
```
#20a5b7 rgb(32,165,183)
```
#205ab7
```
#205ab7 rgb(32,90,183)
```

Analogous Color

#b77e20
```
#b77e20 rgb(183,126,32)
```
#20a5b7
```
#20a5b7 rgb(32,165,183)
```
#b7205a
```
#b7205a rgb(183,32,90)
```

Split Complementary Color

#a5b720
```
#a5b720 rgb(165,183,32)
```
#20a5b7
```
#20a5b7 rgb(32,165,183)
```
#b720a5
```
#b720a5 rgb(183,32,165)
```

Triadic Color

#20b732
```
#20b732 rgb(32,183,50)
```
#20a5b7
```
#20a5b7 rgb(32,165,183)
```
#b720a5
```
#b720a5 rgb(183,32,165)
```
#b73220
```
#b73220 rgb(183,50,32)
```

Tetradic Color

#156a76
```
#156a76 rgb(21,106,118)
```
#187e8c
```
#187e8c rgb(24,126,140)
```
#1c91a1
```
#1c91a1 rgb(28,145,161)
```
#20a5b7
```
#20a5b7 rgb(32,165,183)
```
#24b9cd
```
#24b9cd rgb(36,185,205)
```
#2fc6db
```
#2fc6db rgb(47,198,219)
```
#45ccde
```
#45ccde rgb(69,204,222)
```

Monochromatic Color

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

#20b7a3
```
#20b7a3 rgb(32,183,163)
```
#20b7b0
```
#20b7b0 rgb(32,183,176)
```
#20b2b7
```
#20b2b7 rgb(32,178,183)
```
#20a5b7
```
#20a5b7 rgb(32,165,183)
```
#2098b7
```
#2098b7 rgb(32,152,183)
```
#208cb7
```
#208cb7 rgb(32,140,183)
```
#207fb7
```
#207fb7 rgb(32,127,183)
```

Similar Colors

Text with hexadecimal color #20a5b7

This text has a font color of #20a5b7.

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

#20a5b7 background color

This paragraph has a background color of #20a5b7.

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

#20a5b7 border color

This element has a border color of #20a5b7.

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

CSS codes

.text {color:#20a5b7;}

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

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

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

#030e10
```
#030e10 rgb(3,14,16)
```
#061e21
```
#061e21 rgb(6,30,33)
```
#092d31
```
#092d31 rgb(9,45,49)
```
#0c3c42
```
#0c3c42 rgb(12,60,66)
```
#0e4b53
```
#0e4b53 rgb(14,75,83)
```
#115a64
```
#115a64 rgb(17,90,100)
```
#146974
```
#146974 rgb(20,105,116)
```
#177885
```
#177885 rgb(23,120,133)
```
#1a8796
```
#1a8796 rgb(26,135,150)
```
#1d96a6
```
#1d96a6 rgb(29,150,166)
```
#20a5b7
```
#20a5b7 rgb(32,165,183)
```
#23b4c8
```
#23b4c8 rgb(35,180,200)
```
#26c3d8
```
#26c3d8 rgb(38,195,216)
```

Shade Color Variation

#36c8dc
```
#36c8dc rgb(54,200,220)
```
#47cddf
```
#47cddf rgb(71,205,223)
```
#57d1e2
```
#57d1e2 rgb(87,209,226)
```
#68d6e5
```
#68d6e5 rgb(104,214,229)
```
#79dae8
```
#79dae8 rgb(121,218,232)
```
#89dfea
```
#89dfea rgb(137,223,234)
```
#9ae3ed
```
#9ae3ed rgb(154,227,237)
```
#abe8f0
```
#abe8f0 rgb(171,232,240)
```
#bcedf3
```
#bcedf3 rgb(188,237,243)
```
#ccf1f6
```
#ccf1f6 rgb(204,241,246)
```
#ddf6f9
```
#ddf6f9 rgb(221,246,249)
```
#eefafc
```
#eefafc rgb(238,250,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#6a6c6d
```
#6a6c6d rgb(106,108,109)
```
#627375
```
#627375 rgb(98,115,117)
```
#5a797d
```
#5a797d rgb(90,121,125)
```
#527f85
```
#527f85 rgb(82,127,133)
```
#49868e
```
#49868e rgb(73,134,142)
```
#418c96
```
#418c96 rgb(65,140,150)
```
#39929e
```
#39929e rgb(57,146,158)
```
#3198a6
```
#3198a6 rgb(49,152,166)
```
#289faf
```
#289faf rgb(40,159,175)
```
#20a5b7
```
#20a5b7 rgb(32,165,183)
```
#18abbf
```
#18abbf rgb(24,171,191)
```
#0fb2c8
```
#0fb2c8 rgb(15,178,200)
```
#07b8d0
```
#07b8d0 rgb(7,184,208)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6c878a Atypical Achromatopsia 0.001% of the population

Dichromacy

#979ab1 Protanopia 1% of men
#9599c1 Deuteranopia 1% of men
#25aab6 Tritanopia 0.001% of the population

Trichromacy

#6c9eb3 Protanomaly 1% of men, 0.01% of women
#6a9dbd Deuteranomaly 6% of men, 0.4% of women
#23a8b6 Tritanomaly 0.01% of the population

#20a5b7 hex color

#20a5b7 Color Information

#20a5b7 Color Conversion

Color Schemes with #20a5b7

Alternatives to #20a5b7

#20a5b7 Preview

Shades and Tints of #20a5b7

Tones of #20a5b7

Color Blindness Simulator