colorhexa.com

#20535d hex color

In a RGB color space, hex #20535d is composed of 12.5% red, 32.5% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 10.8% magenta, 0% yellow and 63.5% black. It has a hue angle of 189.8 degrees, a saturation of 48.8% and a lightness of 24.5%. #20535d color hex could be obtained by blending #40a6ba with #000000. Closest websafe color is: #336666.

- R 13
- G 33
- B 36
RGB color chart
- C 66
- M 11
- Y 0
- K 64
CMYK color chart

● #20535d color description : Very dark cyan.

The hexadecimal color #20535d has RGB values of R:32, G:83, B:93 and CMYK values of C:0.66, M:0.11, Y:0, K:0.64. Its decimal value is 2118493.

Hex triplet	20535d	`#20535d`
RGB Decimal	32, 83, 93	`rgb(32,83,93)`
RGB Percent	12.5, 32.5, 36.5	`rgb(12.5%,32.5%,36.5%)`
CMYK	66, 11, 0, 64
HSL	189.8°, 48.8, 24.5	`hsl(189.8,48.8%,24.5%)`
HSV (or HSB)	189.8°, 65.6, 36.5
Web Safe	336666	`#336666`

CIE-LAB	32.444, -13.509, -10.913
XYZ	5.664, 7.283, 11.463
xyY	0.232, 0.298, 7.283
CIE-LCH	32.444, 17.366, 218.931
CIE-LUV	32.444, -19.44, -12.354
Hunter-Lab	26.988, -9.766, -6.291
Binary	00100000, 01010011, 01011101

#20535d
```
#20535d rgb(32,83,93)
```
#5d2a20
```
#5d2a20 rgb(93,42,32)
```

Complementary Color

#205d49
```
#205d49 rgb(32,93,73)
```
#20535d
```
#20535d rgb(32,83,93)
```
#20355d
```
#20355d rgb(32,53,93)
```

Analogous Color

#5d4920
```
#5d4920 rgb(93,73,32)
```
#20535d
```
#20535d rgb(32,83,93)
```
#5d2035
```
#5d2035 rgb(93,32,53)
```

Split Complementary Color

#0c2024
```
#0c2024 rgb(12,32,36)
```
#133137
```
#133137 rgb(19,49,55)
```
#19424a
```
#19424a rgb(25,66,74)
```
#20535d
```
#20535d rgb(32,83,93)
```
#276470
```
#276470 rgb(39,100,112)
```
#2d7583
```
#2d7583 rgb(45,117,131)
```
#348696
```
#348696 rgb(52,134,150)
```

Monochromatic Color

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

#205d58
```
#205d58 rgb(32,93,88)
```
#205d5d
```
#205d5d rgb(32,93,93)
```
#20585d
```
#20585d rgb(32,88,93)
```
#20535d
```
#20535d rgb(32,83,93)
```
#204e5d
```
#204e5d rgb(32,78,93)
```
#20495d
```
#20495d rgb(32,73,93)
```
#20445d
```
#20445d rgb(32,68,93)
```

Similar Colors

Text with hexadecimal color #20535d

This text has a font color of #20535d.

<span style="color:#20535d;">Text here</span>

#20535d background color

This paragraph has a background color of #20535d.

<p style="background-color:#20535d;">Content here</p>

#20535d border color

This element has a border color of #20535d.

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

CSS codes

.text {color:#20535d;}

.background {background-color:#20535d;}

.border {border:1px solid #20535d;}

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

#020505
```
#020505 rgb(2,5,5)
```
#071214
```
#071214 rgb(7,18,20)
```
#0c1f23
```
#0c1f23 rgb(12,31,35)
```
#112c31
```
#112c31 rgb(17,44,49)
```
#163940
```
#163940 rgb(22,57,64)
```
#1b464e
```
#1b464e rgb(27,70,78)
```
#20535d
```
#20535d rgb(32,83,93)
```
#25606c
```
#25606c rgb(37,96,108)
```
#2a6d7a
```
#2a6d7a rgb(42,109,122)
```
#2f7a89
```
#2f7a89 rgb(47,122,137)
```
#348797
```
#348797 rgb(52,135,151)
```
#3994a6
```
#3994a6 rgb(57,148,166)
```
#3ea1b5
```
#3ea1b5 rgb(62,161,181)
```

Shade Color Variation

#47acc0
```
#47acc0 rgb(71,172,192)
```
#55b2c5
```
#55b2c5 rgb(85,178,197)
```
#64b9ca
```
#64b9ca rgb(100,185,202)
```
#72c0cf
```
#72c0cf rgb(114,192,207)
```
#81c6d4
```
#81c6d4 rgb(129,198,212)
```
#90cdd9
```
#90cdd9 rgb(144,205,217)
```
#9ed3de
```
#9ed3de rgb(158,211,222)
```
#addae3
```
#addae3 rgb(173,218,227)
```
#bbe1e8
```
#bbe1e8 rgb(187,225,232)
```
#cae7ed
```
#cae7ed rgb(202,231,237)
```
#d9eef2
```
#d9eef2 rgb(217,238,242)
```
#e7f4f7
```
#e7f4f7 rgb(231,244,247)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

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

#3d4040
```
#3d4040 rgb(61,64,64)
```
#384345
```
#384345 rgb(56,67,69)
```
#33464a
```
#33464a rgb(51,70,74)
```
#2e494f
```
#2e494f rgb(46,73,79)
```
#2a4d53
```
#2a4d53 rgb(42,77,83)
```
#255058
```
#255058 rgb(37,80,88)
```
#20535d
```
#20535d rgb(32,83,93)
```
#1b5662
```
#1b5662 rgb(27,86,98)
```
#165967
```
#165967 rgb(22,89,103)
```
#125d6b
```
#125d6b rgb(18,93,107)
```
#0d6070
```
#0d6070 rgb(13,96,112)
```
#086375
```
#086375 rgb(8,99,117)
```
#03667a
```
#03667a rgb(3,102,122)
```

Tone Color Variation

Below, you can see how #20535d 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

#454545 Achromatopsia 0.005% of the population
#3e484a Atypical Achromatopsia 0.001% of the population

Dichromacy

#535461 Protanopia 1% of men
#535468 Deuteranopia 1% of men
#2a5c63 Tritanopia 0.001% of the population

Trichromacy

#40545f Protanomaly 1% of men, 0.01% of women
#405364 Deuteranomaly 6% of men, 0.4% of women
#265860 Tritanomaly 0.01% of the population