#206c97 hex color

In a RGB color space, hex #206c97 is composed of 12.5% red, 42.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 28.5% magenta, 0% yellow and 40.8% black. It has a hue angle of 201.7 degrees, a saturation of 65% and a lightness of 35.9%. #206c97 color hex could be obtained by blending #40d8ff with #00002f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 42
- B 59
RGB color chart
- C 79
- M 28
- Y 0
- K 41
CMYK color chart

● #206c97 color description : Dark blue.

The hexadecimal color #206c97 has RGB values of R:32, G:108, B:151 and CMYK values of C:0.79, M:0.28, Y:0, K:0.41. Its decimal value is 2124951.

Hex triplet	206c97	`#206c97`
RGB Decimal	32, 108, 151	`rgb(32,108,151)`
RGB Percent	12.5, 42.4, 59.2	`rgb(12.5%,42.4%,59.2%)`
CMYK	79, 28, 0, 41
HSL	201.7°, 65, 35.9	`hsl(201.7,65%,35.9%)`
HSV (or HSB)	201.7°, 78.8, 59.2
Web Safe	336699	`#336699`

CIE-LAB	43.161, -7.398, -29.894
XYZ	11.543, 13.266, 31.229
xyY	0.206, 0.237, 13.266
CIE-LCH	43.161, 30.795, 256.101
CIE-LUV	43.161, -25.848, -42.575
Hunter-Lab	36.422, -7.169, -25.341
Binary	00100000, 01101100, 10010111

#206c97
```
#206c97 rgb(32,108,151)
```
#974b20
```
#974b20 rgb(151,75,32)
```

Complementary Color

#209787
```
#209787 rgb(32,151,135)
```
#206c97
```
#206c97 rgb(32,108,151)
```
#203197
```
#203197 rgb(32,49,151)
```

Analogous Color

#978720
```
#978720 rgb(151,135,32)
```
#206c97
```
#206c97 rgb(32,108,151)
```
#972031
```
#972031 rgb(151,32,49)
```

Split Complementary Color

#6c9720
```
#6c9720 rgb(108,151,32)
```
#206c97
```
#206c97 rgb(32,108,151)
```
#97206c
```
#97206c rgb(151,32,108)
```

Triadic Color

#20974b
```
#20974b rgb(32,151,75)
```
#206c97
```
#206c97 rgb(32,108,151)
```
#97206c
```
#97206c rgb(151,32,108)
```
#974b20
```
#974b20 rgb(151,75,32)
```

Tetradic Color

#133f58
```
#133f58 rgb(19,63,88)
```
#174e6d
```
#174e6d rgb(23,78,109)
```
#1c5d82
```
#1c5d82 rgb(28,93,130)
```
#206c97
```
#206c97 rgb(32,108,151)
```
#247bac
```
#247bac rgb(36,123,172)
```
#298ac1
```
#298ac1 rgb(41,138,193)
```
#3098d3
```
#3098d3 rgb(48,152,211)
```

Monochromatic Color

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

#208a97
```
#208a97 rgb(32,138,151)
```
#208097
```
#208097 rgb(32,128,151)
```
#207697
```
#207697 rgb(32,118,151)
```
#206c97
```
#206c97 rgb(32,108,151)
```
#206297
```
#206297 rgb(32,98,151)
```
#205897
```
#205897 rgb(32,88,151)
```
#204e97
```
#204e97 rgb(32,78,151)
```

Similar Colors

Text with hexadecimal color #206c97

This text has a font color of #206c97.

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

#206c97 background color

This paragraph has a background color of #206c97.

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

#206c97 border color

This element has a border color of #206c97.

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

CSS codes

.text {color:#206c97;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#050f16
```
#050f16 rgb(5,15,22)
```
#081b26
```
#081b26 rgb(8,27,38)
```
#0b2736
```
#0b2736 rgb(11,39,54)
```
#0f3246
```
#0f3246 rgb(15,50,70)
```
#123e56
```
#123e56 rgb(18,62,86)
```
#164966
```
#164966 rgb(22,73,102)
```
#195577
```
#195577 rgb(25,85,119)
```
#1d6087
```
#1d6087 rgb(29,96,135)
```
#206c97
```
#206c97 rgb(32,108,151)
```
#2378a7
```
#2378a7 rgb(35,120,167)
```
#2783b7
```
#2783b7 rgb(39,131,183)
```
#2a8fc8
```
#2a8fc8 rgb(42,143,200)
```

Shade Color Variation

#3299d4
```
#3299d4 rgb(50,153,212)
```
#42a1d7
```
#42a1d7 rgb(66,161,215)
```
#52a9da
```
#52a9da rgb(82,169,218)
```
#62b1de
```
#62b1de rgb(98,177,222)
```
#73b9e1
```
#73b9e1 rgb(115,185,225)
```
#83c1e5
```
#83c1e5 rgb(131,193,229)
```
#93c9e8
```
#93c9e8 rgb(147,201,232)
```
#a3d1ec
```
#a3d1ec rgb(163,209,236)
```
#b3d9ef
```
#b3d9ef rgb(179,217,239)
```
#c4e1f2
```
#c4e1f2 rgb(196,225,242)
```
#d4eaf6
```
#d4eaf6 rgb(212,234,246)
```
#e4f2f9
```
#e4f2f9 rgb(228,242,249)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585c5f is the less saturated color, while #0474b3 is the most saturated one.

#585c5f
```
#585c5f rgb(88,92,95)
```
#515e66
```
#515e66 rgb(81,94,102)
```
#4a606d
```
#4a606d rgb(74,96,109)
```
#436274
```
#436274 rgb(67,98,116)
```
#3c647b
```
#3c647b rgb(60,100,123)
```
#356682
```
#356682 rgb(53,102,130)
```
#2e6889
```
#2e6889 rgb(46,104,137)
```
#276a90
```
#276a90 rgb(39,106,144)
```
#206c97
```
#206c97 rgb(32,108,151)
```
#196e9e
```
#196e9e rgb(25,110,158)
```
#1270a5
```
#1270a5 rgb(18,112,165)
```
#0b72ac
```
#0b72ac rgb(11,114,172)
```
#0474b3
```
#0474b3 rgb(4,116,179)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4e5e66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6c97 Protanopia 1% of men
#556d9e Deuteranopia 1% of men
#007881 Tritanopia 0.001% of the population

Trichromacy

#486c97 Protanomaly 1% of men, 0.01% of women
#416c9c Deuteranomaly 6% of men, 0.4% of women
#0b7489 Tritanomaly 0.01% of the population

#206c97 hex color

#206c97 Color Information

#206c97 Color Conversion

Color Schemes with #206c97

Alternatives to #206c97

#206c97 Preview

Shades and Tints of #206c97

Tones of #206c97

Color Blindness Simulator