colorhexa.com

#206ca1 hex color

In a RGB color space, hex #206ca1 is composed of 12.5% red, 42.4% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 32.9% magenta, 0% yellow and 36.9% black. It has a hue angle of 204.7 degrees, a saturation of 66.8% and a lightness of 37.8%. #206ca1 color hex could be obtained by blending #40d8ff with #000043. Closest websafe color is: #336699.

- R 13
- G 42
- B 63
RGB color chart
- C 80
- M 33
- Y 0
- K 37
CMYK color chart

● #206ca1 color description : Dark blue.

The hexadecimal color #206ca1 has RGB values of R:32, G:108, B:161 and CMYK values of C:0.8, M:0.33, Y:0, K:0.37. Its decimal value is 2124961.

Hex triplet	206ca1	`#206ca1`
RGB Decimal	32, 108, 161	`rgb(32,108,161)`
RGB Percent	12.5, 42.4, 63.1	`rgb(12.5%,42.4%,63.1%)`
CMYK	80, 33, 0, 37
HSL	204.7°, 66.8, 37.8	`hsl(204.7,66.8%,37.8%)`
HSV (or HSB)	204.7°, 80.1, 63.1
Web Safe	336699	`#336699`

CIE-LAB	43.66, -3.636, -35.035
XYZ	12.39, 13.604, 35.689
xyY	0.201, 0.221, 13.604
CIE-LCH	43.66, 35.223, 264.074
CIE-LUV	43.66, -25.345, -51.014
Hunter-Lab	36.884, -4.587, -31.55
Binary	00100000, 01101100, 10100001

#206ca1
```
#206ca1 rgb(32,108,161)
```
#a15520
```
#a15520 rgb(161,85,32)
```

Complementary Color

#20a196
```
#20a196 rgb(32,161,150)
```
#206ca1
```
#206ca1 rgb(32,108,161)
```
#202ca1
```
#202ca1 rgb(32,44,161)
```

Analogous Color

#a19620
```
#a19620 rgb(161,150,32)
```
#206ca1
```
#206ca1 rgb(32,108,161)
```
#a1202c
```
#a1202c rgb(161,32,44)
```

Split Complementary Color

#6ca120
```
#6ca120 rgb(108,161,32)
```
#206ca1
```
#206ca1 rgb(32,108,161)
```
#a1206c
```
#a1206c rgb(161,32,108)
```

Triadic Color

#20a155
```
#20a155 rgb(32,161,85)
```
#206ca1
```
#206ca1 rgb(32,108,161)
```
#a1206c
```
#a1206c rgb(161,32,108)
```
#a15520
```
#a15520 rgb(161,85,32)
```

Tetradic Color

#134161
```
#134161 rgb(19,65,97)
```
#184f76
```
#184f76 rgb(24,79,118)
```
#1c5e8c
```
#1c5e8c rgb(28,94,140)
```
#206ca1
```
#206ca1 rgb(32,108,161)
```
#247ab6
```
#247ab6 rgb(36,122,182)
```
#2889cc
```
#2889cc rgb(40,137,204)
```
#3695d7
```
#3695d7 rgb(54,149,215)
```

Monochromatic Color

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

#208ca1
```
#208ca1 rgb(32,140,161)
```
#2082a1
```
#2082a1 rgb(32,130,161)
```
#2077a1
```
#2077a1 rgb(32,119,161)
```
#206ca1
```
#206ca1 rgb(32,108,161)
```
#2061a1
```
#2061a1 rgb(32,97,161)
```
#2057a1
```
#2057a1 rgb(32,87,161)
```
#204ca1
```
#204ca1 rgb(32,76,161)
```

Similar Colors

Text with hexadecimal color #206ca1

This text has a font color of #206ca1.

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

#206ca1 background color

This paragraph has a background color of #206ca1.

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

#206ca1 border color

This element has a border color of #206ca1.

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

CSS codes

.text {color:#206ca1;}

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

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

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, #03090e is the darkest color, while #fcfefe is the lightest one.

#03090e
```
#03090e rgb(3,9,14)
```
#06141e
```
#06141e rgb(6,20,30)
```
#091f2e
```
#091f2e rgb(9,31,46)
```
#0c2a3f
```
#0c2a3f rgb(12,42,63)
```
#10354f
```
#10354f rgb(16,53,79)
```
#134060
```
#134060 rgb(19,64,96)
```
#164b70
```
#164b70 rgb(22,75,112)
```
#195680
```
#195680 rgb(25,86,128)
```
#1d6191
```
#1d6191 rgb(29,97,145)
```
#206ca1
```
#206ca1 rgb(32,108,161)
```
#2377b1
```
#2377b1 rgb(35,119,177)
```
#2782c2
```
#2782c2 rgb(39,130,194)
```
#2a8dd2
```
#2a8dd2 rgb(42,141,210)
```

Shade Color Variation

#3896d7
```
#3896d7 rgb(56,150,215)
```
#489fdb
```
#489fdb rgb(72,159,219)
```
#59a7de
```
#59a7de rgb(89,167,222)
```
#69b0e1
```
#69b0e1 rgb(105,176,225)
```
#79b8e4
```
#79b8e4 rgb(121,184,228)
```
#8ac1e8
```
#8ac1e8 rgb(138,193,232)
```
#9acaeb
```
#9acaeb rgb(154,202,235)
```
#abd2ee
```
#abd2ee rgb(171,210,238)
```
#bbdbf1
```
#bbdbf1 rgb(187,219,241)
```
#cbe4f5
```
#cbe4f5 rgb(203,228,245)
```
#dcecf8
```
#dcecf8 rgb(220,236,248)
```
#ecf5fb
```
#ecf5fb rgb(236,245,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#5b6166
```
#5b6166 rgb(91,97,102)
```
#54636d
```
#54636d rgb(84,99,109)
```
#4d6474
```
#4d6474 rgb(77,100,116)
```
#45657c
```
#45657c rgb(69,101,124)
```
#3e6783
```
#3e6783 rgb(62,103,131)
```
#36688b
```
#36688b rgb(54,104,139)
```
#2f6992
```
#2f6992 rgb(47,105,146)
```
#276b9a
```
#276b9a rgb(39,107,154)
```
#206ca1
```
#206ca1 rgb(32,108,161)
```
#196da8
```
#196da8 rgb(25,109,168)
```
#116fb0
```
#116fb0 rgb(17,111,176)
```
#0a70b7
```
#0a70b7 rgb(10,112,183)
```
#0271bf
```
#0271bf rgb(2,113,191)
```

Tone Color Variation

Below, you can see how #206ca1 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
#4f5e69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6da1 Protanopia 1% of men
#4d6fa7 Deuteranopia 1% of men
#007982 Tritanopia 0.001% of the population

Trichromacy

#466ca1 Protanomaly 1% of men, 0.01% of women
#3c6ea5 Deuteranomaly 6% of men, 0.4% of women
#0b748d Tritanomaly 0.01% of the population