colorhexa.com

#206c86 hex color

In a RGB color space, hex #206c86 is composed of 12.5% red, 42.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 19.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 195.3 degrees, a saturation of 61.4% and a lightness of 32.5%. #206c86 color hex could be obtained by blending #40d8ff with #00000d. Closest websafe color is: #336699.

- R 13
- G 42
- B 53
RGB color chart
- C 76
- M 19
- Y 0
- K 47
CMYK color chart

● #206c86 color description : Dark blue.

The hexadecimal color #206c86 has RGB values of R:32, G:108, B:134 and CMYK values of C:0.76, M:0.19, Y:0, K:0.47. Its decimal value is 2124934.

Hex triplet	206c86	`#206c86`
RGB Decimal	32, 108, 134	`rgb(32,108,134)`
RGB Percent	12.5, 42.4, 52.5	`rgb(12.5%,42.4%,52.5%)`
CMYK	76, 19, 0, 47
HSL	195.3°, 61.4, 32.5	`hsl(195.3,61.4%,32.5%)`
HSV (or HSB)	195.3°, 76.1, 52.5
Web Safe	336699	`#336699`

CIE-LAB	42.388, -13.6, -20.934
XYZ	10.26, 12.753, 24.474
xyY	0.216, 0.269, 12.753
CIE-LCH	42.388, 24.964, 236.989
CIE-LUV	42.388, -26.772, -28.067
Hunter-Lab	35.711, -11.208, -15.636
Binary	00100000, 01101100, 10000110

#206c86
```
#206c86 rgb(32,108,134)
```
#863a20
```
#863a20 rgb(134,58,32)
```

Complementary Color

#20866d
```
#20866d rgb(32,134,109)
```
#206c86
```
#206c86 rgb(32,108,134)
```
#203986
```
#203986 rgb(32,57,134)
```

Analogous Color

#866d20
```
#866d20 rgb(134,109,32)
```
#206c86
```
#206c86 rgb(32,108,134)
```
#862039
```
#862039 rgb(134,32,57)
```

Split Complementary Color

#6c8620
```
#6c8620 rgb(108,134,32)
```
#206c86
```
#206c86 rgb(32,108,134)
```
#86206c
```
#86206c rgb(134,32,108)
```

Triadic Color

#20863a
```
#20863a rgb(32,134,58)
```
#206c86
```
#206c86 rgb(32,108,134)
```
#86206c
```
#86206c rgb(134,32,108)
```
#863a20
```
#863a20 rgb(134,58,32)
```

Tetradic Color

#113a48
```
#113a48 rgb(17,58,72)
```
#164b5d
```
#164b5d rgb(22,75,93)
```
#1b5b71
```
#1b5b71 rgb(27,91,113)
```
#206c86
```
#206c86 rgb(32,108,134)
```
#257d9b
```
#257d9b rgb(37,125,155)
```
#2a8daf
```
#2a8daf rgb(42,141,175)
```
#2f9ec4
```
#2f9ec4 rgb(47,158,196)
```

Monochromatic Color

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

#208686
```
#208686 rgb(32,134,134)
```
#207d86
```
#207d86 rgb(32,125,134)
```
#207586
```
#207586 rgb(32,117,134)
```
#206c86
```
#206c86 rgb(32,108,134)
```
#206486
```
#206486 rgb(32,100,134)
```
#205b86
```
#205b86 rgb(32,91,134)
```
#205386
```
#205386 rgb(32,83,134)
```

Similar Colors

Text with hexadecimal color #206c86

This text has a font color of #206c86.

<span style="color:#206c86;">Text here</span>

#206c86 background color

This paragraph has a background color of #206c86.

<p style="background-color:#206c86;">Content here</p>

#206c86 border color

This element has a border color of #206c86.

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

CSS codes

.text {color:#206c86;}

.background {background-color:#206c86;}

.border {border:1px solid #206c86;}

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

#020607
```
#020607 rgb(2,6,7)
```
#061317
```
#061317 rgb(6,19,23)
```
#091f27
```
#091f27 rgb(9,31,39)
```
#0d2c37
```
#0d2c37 rgb(13,44,55)
```
#113947
```
#113947 rgb(17,57,71)
```
#154656
```
#154656 rgb(21,70,86)
```
#185266
```
#185266 rgb(24,82,102)
```
#1c5f76
```
#1c5f76 rgb(28,95,118)
```
#206c86
```
#206c86 rgb(32,108,134)
```
#247996
```
#247996 rgb(36,121,150)
```
#2886a6
```
#2886a6 rgb(40,134,166)
```
#2b92b6
```
#2b92b6 rgb(43,146,182)
```
#2f9fc5
```
#2f9fc5 rgb(47,159,197)
```

Shade Color Variation

#38a9d0
```
#38a9d0 rgb(56,169,208)
```
#48b0d3
```
#48b0d3 rgb(72,176,211)
```
#58b7d7
```
#58b7d7 rgb(88,183,215)
```
#68bedb
```
#68bedb rgb(104,190,219)
```
#78c4df
```
#78c4df rgb(120,196,223)
```
#88cbe2
```
#88cbe2 rgb(136,203,226)
```
#97d2e6
```
#97d2e6 rgb(151,210,230)
```
#a7d9ea
```
#a7d9ea rgb(167,217,234)
```
#b7e0ee
```
#b7e0ee rgb(183,224,238)
```
#c7e7f2
```
#c7e7f2 rgb(199,231,242)
```
#d7eef5
```
#d7eef5 rgb(215,238,245)
```
#e7f4f9
```
#e7f4f9 rgb(231,244,249)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d5659 is the less saturated color, while #007ca6 is the most saturated one.

#4d5659
```
#4d5659 rgb(77,86,89)
```
#465960
```
#465960 rgb(70,89,96)
```
#405c66
```
#405c66 rgb(64,92,102)
```
#3a5f6c
```
#3a5f6c rgb(58,95,108)
```
#336373
```
#336373 rgb(51,99,115)
```
#2d6679
```
#2d6679 rgb(45,102,121)
```
#266980
```
#266980 rgb(38,105,128)
```
#206c86
```
#206c86 rgb(32,108,134)
```
#1a6f8c
```
#1a6f8c rgb(26,111,140)
```
#137293
```
#137293 rgb(19,114,147)
```
#0d7599
```
#0d7599 rgb(13,117,153)
```
#0679a0
```
#0679a0 rgb(6,121,160)
```
#007ca6
```
#007ca6 rgb(0,124,166)
```

Tone Color Variation

Below, you can see how #206c86 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

#585858 Achromatopsia 0.005% of the population
#4d5c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646b86 Protanopia 1% of men
#606a8f Deuteranopia 1% of men
#1c767e Tritanopia 0.001% of the population

Trichromacy

#4b6b86 Protanomaly 1% of men, 0.01% of women
#486b8c Deuteranomaly 6% of men, 0.4% of women
#1e7281 Tritanomaly 0.01% of the population