#206682 hex color

In a RGB color space, hex #206682 is composed of 12.5% red, 40% green and 51% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 21.5% magenta, 0% yellow and 49% black. It has a hue angle of 197.1 degrees, a saturation of 60.5% and a lightness of 31.8%. #206682 color hex could be obtained by blending #40ccff with #000005. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 40
- B 51
RGB color chart
- C 75
- M 22
- Y 0
- K 49
CMYK color chart

● #206682 color description : Dark blue.

The hexadecimal color #206682 has RGB values of R:32, G:102, B:130 and CMYK values of C:0.75, M:0.22, Y:0, K:0.49. Its decimal value is 2123394.

Hex triplet	206682	`#206682`
RGB Decimal	32, 102, 130	`rgb(32,102,130)`
RGB Percent	12.5, 40, 51	`rgb(12.5%,40%,51%)`
CMYK	75, 22, 0, 49
HSL	197.1°, 60.5, 31.8	`hsl(197.1,60.5%,31.8%)`
HSV (or HSB)	197.1°, 75.4, 51
Web Safe	336699	`#336699`

CIE-LAB	40.28, -11.566, -21.779
XYZ	9.375, 11.421, 22.828
xyY	0.215, 0.262, 11.421
CIE-LCH	40.28, 24.66, 242.029
CIE-LUV	40.28, -24.787, -29.231
Hunter-Lab	33.795, -9.621, -16.394
Binary	00100000, 01100110, 10000010

#206682
```
#206682 rgb(32,102,130)
```
#823c20
```
#823c20 rgb(130,60,32)
```

Complementary Color

#20826d
```
#20826d rgb(32,130,109)
```
#206682
```
#206682 rgb(32,102,130)
```
#203582
```
#203582 rgb(32,53,130)
```

Analogous Color

#826d20
```
#826d20 rgb(130,109,32)
```
#206682
```
#206682 rgb(32,102,130)
```
#822035
```
#822035 rgb(130,32,53)
```

Split Complementary Color

#668220
```
#668220 rgb(102,130,32)
```
#206682
```
#206682 rgb(32,102,130)
```
#822066
```
#822066 rgb(130,32,102)
```

Triadic Color

#20823c
```
#20823c rgb(32,130,60)
```
#206682
```
#206682 rgb(32,102,130)
```
#822066
```
#822066 rgb(130,32,102)
```
#823c20
```
#823c20 rgb(130,60,32)
```

Tetradic Color

#113645
```
#113645 rgb(17,54,69)
```
#164659
```
#164659 rgb(22,70,89)
```
#1b566e
```
#1b566e rgb(27,86,110)
```
#206682
```
#206682 rgb(32,102,130)
```
#257696
```
#257696 rgb(37,118,150)
```
#2a86ab
```
#2a86ab rgb(42,134,171)
```
#2f96bf
```
#2f96bf rgb(47,150,191)
```

Monochromatic Color

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

#207f82
```
#207f82 rgb(32,127,130)
```
#207682
```
#207682 rgb(32,118,130)
```
#206e82
```
#206e82 rgb(32,110,130)
```
#206682
```
#206682 rgb(32,102,130)
```
#205e82
```
#205e82 rgb(32,94,130)
```
#205682
```
#205682 rgb(32,86,130)
```
#204e82
```
#204e82 rgb(32,78,130)
```

Similar Colors

Text with hexadecimal color #206682

This text has a font color of #206682.

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

#206682 background color

This paragraph has a background color of #206682.

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

#206682 border color

This element has a border color of #206682.

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

CSS codes

.text {color:#206682;}

.background {background-color:#206682;}

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

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

#010304
```
#010304 rgb(1,3,4)
```
#051014
```
#051014 rgb(5,16,20)
```
#091c24
```
#091c24 rgb(9,28,36)
```
#0d2833
```
#0d2833 rgb(13,40,51)
```
#113543
```
#113543 rgb(17,53,67)
```
#144153
```
#144153 rgb(20,65,83)
```
#184d63
```
#184d63 rgb(24,77,99)
```
#1c5a72
```
#1c5a72 rgb(28,90,114)
```
#206682
```
#206682 rgb(32,102,130)
```
#247292
```
#247292 rgb(36,114,146)
```
#287fa1
```
#287fa1 rgb(40,127,161)
```
#2c8bb1
```
#2c8bb1 rgb(44,139,177)
```
#2f97c1
```
#2f97c1 rgb(47,151,193)
```

Shade Color Variation

#36a2ce
```
#36a2ce rgb(54,162,206)
```
#46aad2
```
#46aad2 rgb(70,170,210)
```
#56b1d5
```
#56b1d5 rgb(86,177,213)
```
#66b8d9
```
#66b8d9 rgb(102,184,217)
```
#75bfdd
```
#75bfdd rgb(117,191,221)
```
#85c7e1
```
#85c7e1 rgb(133,199,225)
```
#95cee5
```
#95cee5 rgb(149,206,229)
```
#a5d5e9
```
#a5d5e9 rgb(165,213,233)
```
#b4dded
```
#b4dded rgb(180,221,237)
```
#c4e4f1
```
#c4e4f1 rgb(196,228,241)
```
#d4ebf4
```
#d4ebf4 rgb(212,235,244)
```
#e4f2f8
```
#e4f2f8 rgb(228,242,248)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c5356 is the less saturated color, while #0173a1 is the most saturated one.

#4c5356
```
#4c5356 rgb(76,83,86)
```
#45565d
```
#45565d rgb(69,86,93)
```
#3f5963
```
#3f5963 rgb(63,89,99)
```
#395b69
```
#395b69 rgb(57,91,105)
```
#335e6f
```
#335e6f rgb(51,94,111)
```
#2c6176
```
#2c6176 rgb(44,97,118)
```
#26637c
```
#26637c rgb(38,99,124)
```
#206682
```
#206682 rgb(32,102,130)
```
#1a6988
```
#1a6988 rgb(26,105,136)
```
#146b8e
```
#146b8e rgb(20,107,142)
```
#0d6e95
```
#0d6e95 rgb(13,110,149)
```
#07719b
```
#07719b rgb(7,113,155)
```
#0173a1
```
#0173a1 rgb(1,115,161)
```

Tone Color Variation

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

Dichromacy

#5f6683 Protanopia 1% of men
#5a668b Deuteranopia 1% of men
#1b7079 Tritanopia 0.001% of the population

Trichromacy

#486682 Protanomaly 1% of men, 0.01% of women
#446688 Deuteranomaly 6% of men, 0.4% of women
#1c6c7c Tritanomaly 0.01% of the population

#206682 hex color

#206682 Color Information

#206682 Color Conversion

Color Schemes with #206682

Alternatives to #206682

#206682 Preview

Shades and Tints of #206682

Tones of #206682

Color Blindness Simulator