#20708c hex color

In a RGB color space, hex #20708c is composed of 12.5% red, 43.9% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 20% magenta, 0% yellow and 45.1% black. It has a hue angle of 195.6 degrees, a saturation of 62.8% and a lightness of 33.7%. #20708c color hex could be obtained by blending #40e0ff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 44
- B 55
RGB color chart
- C 77
- M 20
- Y 0
- K 45
CMYK color chart

● #20708c color description : Dark blue.

The hexadecimal color #20708c has RGB values of R:32, G:112, B:140 and CMYK values of C:0.77, M:0.2, Y:0, K:0.45. Its decimal value is 2125964.

Hex triplet	20708c	`#20708c`
RGB Decimal	32, 112, 140	`rgb(32,112,140)`
RGB Percent	12.5, 43.9, 54.9	`rgb(12.5%,43.9%,54.9%)`
CMYK	77, 20, 0, 45
HSL	195.6°, 62.8, 33.7	`hsl(195.6,62.8%,33.7%)`
HSV (or HSB)	195.6°, 77.1, 54.9
Web Safe	336699	`#336699`

CIE-LAB	43.927, -13.746, -22.149
XYZ	11.122, 13.788, 26.885
xyY	0.215, 0.266, 13.788
CIE-LCH	43.927, 26.067, 238.176
CIE-LUV	43.927, -27.893, -30.125
Hunter-Lab	37.132, -11.515, -16.935
Binary	00100000, 01110000, 10001100

#20708c
```
#20708c rgb(32,112,140)
```
#8c3c20
```
#8c3c20 rgb(140,60,32)
```

Complementary Color

#208c72
```
#208c72 rgb(32,140,114)
```
#20708c
```
#20708c rgb(32,112,140)
```
#203a8c
```
#203a8c rgb(32,58,140)
```

Analogous Color

#8c7220
```
#8c7220 rgb(140,114,32)
```
#20708c
```
#20708c rgb(32,112,140)
```
#8c203a
```
#8c203a rgb(140,32,58)
```

Split Complementary Color

#708c20
```
#708c20 rgb(112,140,32)
```
#20708c
```
#20708c rgb(32,112,140)
```
#8c2070
```
#8c2070 rgb(140,32,112)
```

Triadic Color

#208c3c
```
#208c3c rgb(32,140,60)
```
#20708c
```
#20708c rgb(32,112,140)
```
#8c2070
```
#8c2070 rgb(140,32,112)
```
#8c3c20
```
#8c3c20 rgb(140,60,32)
```

Tetradic Color

#123e4e
```
#123e4e rgb(18,62,78)
```
#174f62
```
#174f62 rgb(23,79,98)
```
#1b5f77
```
#1b5f77 rgb(27,95,119)
```
#20708c
```
#20708c rgb(32,112,140)
```
#2581a1
```
#2581a1 rgb(37,129,161)
```
#2991b6
```
#2991b6 rgb(41,145,182)
```
#2ea2ca
```
#2ea2ca rgb(46,162,202)
```

Monochromatic Color

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

#208b8c
```
#208b8c rgb(32,139,140)
```
#20828c
```
#20828c rgb(32,130,140)
```
#20798c
```
#20798c rgb(32,121,140)
```
#20708c
```
#20708c rgb(32,112,140)
```
#20678c
```
#20678c rgb(32,103,140)
```
#205e8c
```
#205e8c rgb(32,94,140)
```
#20558c
```
#20558c rgb(32,85,140)
```

Similar Colors

Text with hexadecimal color #20708c

This text has a font color of #20708c.

<span style="color:#20708c;">Text here</span>

#20708c background color

This paragraph has a background color of #20708c.

<p style="background-color:#20708c;">Content here</p>

#20708c border color

This element has a border color of #20708c.

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

CSS codes

.text {color:#20708c;}

.background {background-color:#20708c;}

.border {border:1px solid #20708c;}

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

#030a0c
```
#030a0c rgb(3,10,12)
```
#06171c
```
#06171c rgb(6,23,28)
```
#0a232c
```
#0a232c rgb(10,35,44)
```
#0e303c
```
#0e303c rgb(14,48,60)
```
#113d4c
```
#113d4c rgb(17,61,76)
```
#154a5c
```
#154a5c rgb(21,74,92)
```
#19566c
```
#19566c rgb(25,86,108)
```
#1c637c
```
#1c637c rgb(28,99,124)
```
#20708c
```
#20708c rgb(32,112,140)
```
#247d9c
```
#247d9c rgb(36,125,156)
```
#278aac
```
#278aac rgb(39,138,172)
```
#2b96bc
```
#2b96bc rgb(43,150,188)
```
#2fa3cc
```
#2fa3cc rgb(47,163,204)
```

Shade Color Variation

#3cabd2
```
#3cabd2 rgb(60,171,210)
```
#4cb2d6
```
#4cb2d6 rgb(76,178,214)
```
#5cb9da
```
#5cb9da rgb(92,185,218)
```
#6cc0dd
```
#6cc0dd rgb(108,192,221)
```
#7cc7e1
```
#7cc7e1 rgb(124,199,225)
```
#8ccee5
```
#8ccee5 rgb(140,206,229)
```
#9cd4e8
```
#9cd4e8 rgb(156,212,232)
```
#abdbec
```
#abdbec rgb(171,219,236)
```
#bbe2f0
```
#bbe2f0 rgb(187,226,240)
```
#cbe9f3
```
#cbe9f3 rgb(203,233,243)
```
#dbf0f7
```
#dbf0f7 rgb(219,240,247)
```
#ebf7fb
```
#ebf7fb rgb(235,247,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#555757
```
#555757 rgb(85,87,87)
```
#4e5a5e
```
#4e5a5e rgb(78,90,94)
```
#485d64
```
#485d64 rgb(72,93,100)
```
#41606b
```
#41606b rgb(65,96,107)
```
#3a6372
```
#3a6372 rgb(58,99,114)
```
#346678
```
#346678 rgb(52,102,120)
```
#2d6a7f
```
#2d6a7f rgb(45,106,127)
```
#276d85
```
#276d85 rgb(39,109,133)
```
#20708c
```
#20708c rgb(32,112,140)
```
#197393
```
#197393 rgb(25,115,147)
```
#137699
```
#137699 rgb(19,118,153)
```
#0c7aa0
```
#0c7aa0 rgb(12,122,160)
```
#067da6
```
#067da6 rgb(6,125,166)
```

Tone Color Variation

Below, you can see how #20708c 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

#5b5b5b Achromatopsia 0.005% of the population
#4f5f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676e8c Protanopia 1% of men
#626e95 Deuteranopia 1% of men
#197a83 Tritanopia 0.001% of the population

Trichromacy

#4d6f8c Protanomaly 1% of men, 0.01% of women
#4a6f92 Deuteranomaly 6% of men, 0.4% of women
#1b7686 Tritanomaly 0.01% of the population

#20708c hex color

#20708c Color Information

#20708c Color Conversion

Color Schemes with #20708c

Alternatives to #20708c

#20708c Preview

Shades and Tints of #20708c

Tones of #20708c

Color Blindness Simulator