#206caa hex color

In a RGB color space, hex #206caa is composed of 12.5% red, 42.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 36.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 207 degrees, a saturation of 68.3% and a lightness of 39.6%. #206caa color hex could be obtained by blending #40d8ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 42
- B 67
RGB color chart
- C 81
- M 36
- Y 0
- K 33
CMYK color chart

● #206caa color description : Dark blue.

The hexadecimal color #206caa has RGB values of R:32, G:108, B:170 and CMYK values of C:0.81, M:0.36, Y:0, K:0.33. Its decimal value is 2124970.

Hex triplet	206caa	`#206caa`
RGB Decimal	32, 108, 170	`rgb(32,108,170)`
RGB Percent	12.5, 42.4, 66.7	`rgb(12.5%,42.4%,66.7%)`
CMYK	81, 36, 0, 33
HSL	207°, 68.3, 39.6	`hsl(207,68.3%,39.6%)`
HSV (or HSB)	207°, 81.2, 66.7
Web Safe	336699	`#336699`

CIE-LAB	44.137, -0.203, -39.58
XYZ	13.212, 13.933, 40.021
xyY	0.197, 0.207, 13.933
CIE-LCH	44.137, 39.581, 269.707
CIE-LUV	44.137, -24.923, -58.506
Hunter-Lab	37.327, -2.142, -37.439
Binary	00100000, 01101100, 10101010

#206caa
```
#206caa rgb(32,108,170)
```
#aa5e20
```
#aa5e20 rgb(170,94,32)
```

Complementary Color

#20aaa3
```
#20aaa3 rgb(32,170,163)
```
#206caa
```
#206caa rgb(32,108,170)
```
#2027aa
```
#2027aa rgb(32,39,170)
```

Analogous Color

#aaa320
```
#aaa320 rgb(170,163,32)
```
#206caa
```
#206caa rgb(32,108,170)
```
#aa2027
```
#aa2027 rgb(170,32,39)
```

Split Complementary Color

#6caa20
```
#6caa20 rgb(108,170,32)
```
#206caa
```
#206caa rgb(32,108,170)
```
#aa206c
```
#aa206c rgb(170,32,108)
```

Triadic Color

#20aa5e
```
#20aa5e rgb(32,170,94)
```
#206caa
```
#206caa rgb(32,108,170)
```
#aa206c
```
#aa206c rgb(170,32,108)
```
#aa5e20
```
#aa5e20 rgb(170,94,32)
```

Tetradic Color

#14436a
```
#14436a rgb(20,67,106)
```
#18517f
```
#18517f rgb(24,81,127)
```
#1c5e95
```
#1c5e95 rgb(28,94,149)
```
#206caa
```
#206caa rgb(32,108,170)
```
#247abf
```
#247abf rgb(36,122,191)
```
#2887d5
```
#2887d5 rgb(40,135,213)
```
#3c93da
```
#3c93da rgb(60,147,218)
```

Monochromatic Color

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

#208faa
```
#208faa rgb(32,143,170)
```
#2083aa
```
#2083aa rgb(32,131,170)
```
#2078aa
```
#2078aa rgb(32,120,170)
```
#206caa
```
#206caa rgb(32,108,170)
```
#2061aa
```
#2061aa rgb(32,97,170)
```
#2055aa
```
#2055aa rgb(32,85,170)
```
#204aaa
```
#204aaa rgb(32,74,170)
```

Similar Colors

Text with hexadecimal color #206caa

This text has a font color of #206caa.

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

#206caa background color

This paragraph has a background color of #206caa.

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

#206caa border color

This element has a border color of #206caa.

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

CSS codes

.text {color:#206caa;}

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

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

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 #f3f9fd is the lightest one.

#010305
```
#010305 rgb(1,3,5)
```
#040e15
```
#040e15 rgb(4,14,21)
```
#071826
```
#071826 rgb(7,24,38)
```
#0a2336
```
#0a2336 rgb(10,35,54)
```
#0d2d47
```
#0d2d47 rgb(13,45,71)
```
#103857
```
#103857 rgb(16,56,87)
```
#144268
```
#144268 rgb(20,66,104)
```
#174d78
```
#174d78 rgb(23,77,120)
```
#1a5789
```
#1a5789 rgb(26,87,137)
```
#1d6299
```
#1d6299 rgb(29,98,153)
```
#206caa
```
#206caa rgb(32,108,170)
```
#2376bb
```
#2376bb rgb(35,118,187)
```
#2681cb
```
#2681cb rgb(38,129,203)
```

Shade Color Variation

#2d8bd8
```
#2d8bd8 rgb(45,139,216)
```
#3e94db
```
#3e94db rgb(62,148,219)
```
#4e9dde
```
#4e9dde rgb(78,157,222)
```
#5fa6e1
```
#5fa6e1 rgb(95,166,225)
```
#6fb0e4
```
#6fb0e4 rgb(111,176,228)
```
#80b9e7
```
#80b9e7 rgb(128,185,231)
```
#90c2ea
```
#90c2ea rgb(144,194,234)
```
#a1cbed
```
#a1cbed rgb(161,203,237)
```
#b1d4f0
```
#b1d4f0 rgb(177,212,240)
```
#c2ddf3
```
#c2ddf3 rgb(194,221,243)
```
#d2e6f7
```
#d2e6f7 rgb(210,230,247)
```
#e3effa
```
#e3effa rgb(227,239,250)
```
#f3f9fd
```
#f3f9fd rgb(243,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e666c is the less saturated color, while #016fc9 is the most saturated one.

#5e666c
```
#5e666c rgb(94,102,108)
```
#566674
```
#566674 rgb(86,102,116)
```
#4f677b
```
#4f677b rgb(79,103,123)
```
#476883
```
#476883 rgb(71,104,131)
```
#3f698b
```
#3f698b rgb(63,105,139)
```
#376a93
```
#376a93 rgb(55,106,147)
```
#306a9a
```
#306a9a rgb(48,106,154)
```
#286ba2
```
#286ba2 rgb(40,107,162)
```
#206caa
```
#206caa rgb(32,108,170)
```
#186db2
```
#186db2 rgb(24,109,178)
```
#106eba
```
#106eba rgb(16,110,186)
```
#096ec1
```
#096ec1 rgb(9,110,193)
```
#016fc9
```
#016fc9 rgb(1,111,201)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#505f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#576eaa Protanopia 1% of men
#4370af Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#436daa Protanomaly 1% of men, 0.01% of women
#366fad Deuteranomaly 6% of men, 0.4% of women
#0b7591 Tritanomaly 0.01% of the population

#206caa hex color

#206caa Color Information

#206caa Color Conversion

Color Schemes with #206caa

Alternatives to #206caa

#206caa Preview

Shades and Tints of #206caa

Tones of #206caa

Color Blindness Simulator