#206196 hex color

In a RGB color space, hex #206196 is composed of 12.5% red, 38% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 35.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 206.9 degrees, a saturation of 64.8% and a lightness of 35.7%. #206196 color hex could be obtained by blending #40c2ff with #00002d. Closest websafe color is: #336699.

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

● #206196 color description : Dark blue.

The hexadecimal color #206196 has RGB values of R:32, G:97, B:150 and CMYK values of C:0.79, M:0.35, Y:0, K:0.41. Its decimal value is 2122134.

Hex triplet	206196	`#206196`
RGB Decimal	32, 97, 150	`rgb(32,97,150)`
RGB Percent	12.5, 38, 58.8	`rgb(12.5%,38%,58.8%)`
CMYK	79, 35, 0, 41
HSL	206.9°, 64.8, 35.7	`hsl(206.9,64.8%,35.7%)`
HSV (or HSB)	206.9°, 78.7, 58.8
Web Safe	336699	`#336699`

CIE-LAB	39.677, -1.039, -34.78
XYZ	10.374, 11.058, 30.44
xyY	0.2, 0.213, 11.058
CIE-LCH	39.677, 34.795, 268.29
CIE-LUV	39.677, -22.049, -49.716
Hunter-Lab	33.253, -2.505, -30.997
Binary	00100000, 01100001, 10010110

#206196
```
#206196 rgb(32,97,150)
```
#965520
```
#965520 rgb(150,85,32)
```

Complementary Color

#209690
```
#209690 rgb(32,150,144)
```
#206196
```
#206196 rgb(32,97,150)
```
#202696
```
#202696 rgb(32,38,150)
```

Analogous Color

#969020
```
#969020 rgb(150,144,32)
```
#206196
```
#206196 rgb(32,97,150)
```
#962026
```
#962026 rgb(150,32,38)
```

Split Complementary Color

#619620
```
#619620 rgb(97,150,32)
```
#206196
```
#206196 rgb(32,97,150)
```
#962061
```
#962061 rgb(150,32,97)
```

Triadic Color

#209655
```
#209655 rgb(32,150,85)
```
#206196
```
#206196 rgb(32,97,150)
```
#962061
```
#962061 rgb(150,32,97)
```
#965520
```
#965520 rgb(150,85,32)
```

Tetradic Color

#133857
```
#133857 rgb(19,56,87)
```
#17466c
```
#17466c rgb(23,70,108)
```
#1c5381
```
#1c5381 rgb(28,83,129)
```
#206196
```
#206196 rgb(32,97,150)
```
#246fab
```
#246fab rgb(36,111,171)
```
#297cc0
```
#297cc0 rgb(41,124,192)
```
#308ad3
```
#308ad3 rgb(48,138,211)
```

Monochromatic Color

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

#207f96
```
#207f96 rgb(32,127,150)
```
#207596
```
#207596 rgb(32,117,150)
```
#206b96
```
#206b96 rgb(32,107,150)
```
#206196
```
#206196 rgb(32,97,150)
```
#205796
```
#205796 rgb(32,87,150)
```
#204d96
```
#204d96 rgb(32,77,150)
```
#204496
```
#204496 rgb(32,68,150)
```

Similar Colors

Text with hexadecimal color #206196

This text has a font color of #206196.

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

#206196 background color

This paragraph has a background color of #206196.

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

#206196 border color

This element has a border color of #206196.

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

CSS codes

.text {color:#206196;}

.background {background-color:#206196;}

.border {border:1px solid #206196;}

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

#010305
```
#010305 rgb(1,3,5)
```
#040d15
```
#040d15 rgb(4,13,21)
```
#081825
```
#081825 rgb(8,24,37)
```
#0b2235
```
#0b2235 rgb(11,34,53)
```
#0f2d45
```
#0f2d45 rgb(15,45,69)
```
#123755
```
#123755 rgb(18,55,85)
```
#164266
```
#164266 rgb(22,66,102)
```
#194c76
```
#194c76 rgb(25,76,118)
```
#1d5786
```
#1d5786 rgb(29,87,134)
```
#206196
```
#206196 rgb(32,97,150)
```
#236ba6
```
#236ba6 rgb(35,107,166)
```
#2776b6
```
#2776b6 rgb(39,118,182)
```
#2a80c6
```
#2a80c6 rgb(42,128,198)
```

Shade Color Variation

#318ad3
```
#318ad3 rgb(49,138,211)
```
#4294d7
```
#4294d7 rgb(66,148,215)
```
#529dda
```
#529dda rgb(82,157,218)
```
#62a6dd
```
#62a6dd rgb(98,166,221)
```
#72afe1
```
#72afe1 rgb(114,175,225)
```
#82b8e4
```
#82b8e4 rgb(130,184,228)
```
#92c1e8
```
#92c1e8 rgb(146,193,232)
```
#a3cbeb
```
#a3cbeb rgb(163,203,235)
```
#b3d4ef
```
#b3d4ef rgb(179,212,239)
```
#c3ddf2
```
#c3ddf2 rgb(195,221,242)
```
#d3e6f6
```
#d3e6f6 rgb(211,230,246)
```
#e3eff9
```
#e3eff9 rgb(227,239,249)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

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

#585b5e
```
#585b5e rgb(88,91,94)
```
#515c65
```
#515c65 rgb(81,92,101)
```
#4a5d6c
```
#4a5d6c rgb(74,93,108)
```
#435d73
```
#435d73 rgb(67,93,115)
```
#3c5e7a
```
#3c5e7a rgb(60,94,122)
```
#355f81
```
#355f81 rgb(53,95,129)
```
#2e6088
```
#2e6088 rgb(46,96,136)
```
#27608f
```
#27608f rgb(39,96,143)
```
#206196
```
#206196 rgb(32,97,150)
```
#19629d
```
#19629d rgb(25,98,157)
```
#1262a4
```
#1262a4 rgb(18,98,164)
```
#0b63ab
```
#0b63ab rgb(11,99,171)
```
#0464b2
```
#0464b2 rgb(4,100,178)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4a5761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#516497 Protanopia 1% of men
#42669c Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#3f6397 Protanomaly 1% of men, 0.01% of women
#35649a Deuteranomaly 6% of men, 0.4% of women
#0b6a82 Tritanomaly 0.01% of the population

#206196 hex color

#206196 Color Information

#206196 Color Conversion

Color Schemes with #206196

Alternatives to #206196

#206196 Preview

Shades and Tints of #206196

Tones of #206196

Color Blindness Simulator