#206cb0 hex color

In a RGB color space, hex #206cb0 is composed of 12.5% red, 42.4% green and 69% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 38.6% magenta, 0% yellow and 31% black. It has a hue angle of 208.3 degrees, a saturation of 69.2% and a lightness of 40.8%. #206cb0 color hex could be obtained by blending #40d8ff with #000061. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 42
- B 69
RGB color chart
- C 82
- M 39
- Y 0
- K 31
CMYK color chart

● #206cb0 color description : Dark blue.

The hexadecimal color #206cb0 has RGB values of R:32, G:108, B:176 and CMYK values of C:0.82, M:0.39, Y:0, K:0.31. Its decimal value is 2124976.

Hex triplet	206cb0	`#206cb0`
RGB Decimal	32, 108, 176	`rgb(32,108,176)`
RGB Percent	12.5, 42.4, 69	`rgb(12.5%,42.4%,69%)`
CMYK	82, 39, 0, 31
HSL	208.3°, 69.2, 40.8	`hsl(208.3,69.2%,40.8%)`
HSV (or HSB)	208.3°, 81.8, 69
Web Safe	336699	`#336699`

CIE-LAB	44.47, 2.105, -42.567
XYZ	13.793, 14.166, 43.079
xyY	0.194, 0.199, 14.166
CIE-LCH	44.47, 42.619, 272.831
CIE-LUV	44.47, -24.657, -63.434
Hunter-Lab	37.637, -0.451, -41.517
Binary	00100000, 01101100, 10110000

#206cb0
```
#206cb0 rgb(32,108,176)
```
#b06420
```
#b06420 rgb(176,100,32)
```

Complementary Color

#20b0ac
```
#20b0ac rgb(32,176,172)
```
#206cb0
```
#206cb0 rgb(32,108,176)
```
#2024b0
```
#2024b0 rgb(32,36,176)
```

Analogous Color

#b0ac20
```
#b0ac20 rgb(176,172,32)
```
#206cb0
```
#206cb0 rgb(32,108,176)
```
#b02024
```
#b02024 rgb(176,32,36)
```

Split Complementary Color

#6cb020
```
#6cb020 rgb(108,176,32)
```
#206cb0
```
#206cb0 rgb(32,108,176)
```
#b0206c
```
#b0206c rgb(176,32,108)
```

Triadic Color

#20b064
```
#20b064 rgb(32,176,100)
```
#206cb0
```
#206cb0 rgb(32,108,176)
```
#b0206c
```
#b0206c rgb(176,32,108)
```
#b06420
```
#b06420 rgb(176,100,32)
```

Tetradic Color

#14446f
```
#14446f rgb(20,68,111)
```
#185285
```
#185285 rgb(24,82,133)
```
#1c5f9a
```
#1c5f9a rgb(28,95,154)
```
#206cb0
```
#206cb0 rgb(32,108,176)
```
#2479c6
```
#2479c6 rgb(36,121,198)
```
#2b86d8
```
#2b86d8 rgb(43,134,216)
```
#4093dc
```
#4093dc rgb(64,147,220)
```

Monochromatic Color

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

#2090b0
```
#2090b0 rgb(32,144,176)
```
#2084b0
```
#2084b0 rgb(32,132,176)
```
#2078b0
```
#2078b0 rgb(32,120,176)
```
#206cb0
```
#206cb0 rgb(32,108,176)
```
#2060b0
```
#2060b0 rgb(32,96,176)
```
#2054b0
```
#2054b0 rgb(32,84,176)
```
#2048b0
```
#2048b0 rgb(32,72,176)
```

Similar Colors

Text with hexadecimal color #206cb0

This text has a font color of #206cb0.

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

#206cb0 background color

This paragraph has a background color of #206cb0.

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

#206cb0 border color

This element has a border color of #206cb0.

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

CSS codes

.text {color:#206cb0;}

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

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

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, #02060a is the darkest color, while #f8fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#05101b
```
#05101b rgb(5,16,27)
```
#081b2b
```
#081b2b rgb(8,27,43)
```
#0b253c
```
#0b253c rgb(11,37,60)
```
#0e2f4c
```
#0e2f4c rgb(14,47,76)
```
#11395d
```
#11395d rgb(17,57,93)
```
#14436e
```
#14436e rgb(20,67,110)
```
#174d7e
```
#174d7e rgb(23,77,126)
```
#1a588f
```
#1a588f rgb(26,88,143)
```
#1d629f
```
#1d629f rgb(29,98,159)
```
#206cb0
```
#206cb0 rgb(32,108,176)
```
#2376c1
```
#2376c1 rgb(35,118,193)
```
#2680d1
```
#2680d1 rgb(38,128,209)
```

Shade Color Variation

#318ada
```
#318ada rgb(49,138,218)
```
#4294dd
```
#4294dd rgb(66,148,221)
```
#529de0
```
#529de0 rgb(82,157,224)
```
#63a6e3
```
#63a6e3 rgb(99,166,227)
```
#74b0e6
```
#74b0e6 rgb(116,176,230)
```
#84b9e9
```
#84b9e9 rgb(132,185,233)
```
#95c3ec
```
#95c3ec rgb(149,195,236)
```
#a5ccef
```
#a5ccef rgb(165,204,239)
```
#b6d6f2
```
#b6d6f2 rgb(182,214,242)
```
#c7dff5
```
#c7dff5 rgb(199,223,245)
```
#d7e8f8
```
#d7e8f8 rgb(215,232,248)
```
#e8f2fb
```
#e8f2fb rgb(232,242,251)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606870 is the less saturated color, while #006ed0 is the most saturated one.

#606870
```
#606870 rgb(96,104,112)
```
#586978
```
#586978 rgb(88,105,120)
```
#506980
```
#506980 rgb(80,105,128)
```
#486a88
```
#486a88 rgb(72,106,136)
```
#406a90
```
#406a90 rgb(64,106,144)
```
#386b98
```
#386b98 rgb(56,107,152)
```
#306ba0
```
#306ba0 rgb(48,107,160)
```
#286ca8
```
#286ca8 rgb(40,108,168)
```
#206cb0
```
#206cb0 rgb(32,108,176)
```
#186cb8
```
#186cb8 rgb(24,108,184)
```
#106dc0
```
#106dc0 rgb(16,109,192)
```
#086dc8
```
#086dc8 rgb(8,109,200)
```
#006ed0
```
#006ed0 rgb(0,110,208)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#51606e Atypical Achromatopsia 0.001% of the population

Dichromacy

#546eb0 Protanopia 1% of men
#3c71b4 Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#416db0 Protanomaly 1% of men, 0.01% of women
#326fb3 Deuteranomaly 6% of men, 0.4% of women
#0b7694 Tritanomaly 0.01% of the population

#206cb0 hex color

#206cb0 Color Information

#206cb0 Color Conversion

Color Schemes with #206cb0

Alternatives to #206cb0

#206cb0 Preview

Shades and Tints of #206cb0

Tones of #206cb0

Color Blindness Simulator