#206284 hex color

In a RGB color space, hex #206284 is composed of 12.5% red, 38.4% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 25.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 200.4 degrees, a saturation of 61% and a lightness of 32.2%. #206284 color hex could be obtained by blending #40c4ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 38
- B 52
RGB color chart
- C 76
- M 26
- Y 0
- K 48
CMYK color chart

● #206284 color description : Dark blue.

The hexadecimal color #206284 has RGB values of R:32, G:98, B:132 and CMYK values of C:0.76, M:0.26, Y:0, K:0.48. Its decimal value is 2122372.

Hex triplet	206284	`#206284`
RGB Decimal	32, 98, 132	`rgb(32,98,132)`
RGB Percent	12.5, 38.4, 51.8	`rgb(12.5%,38.4%,51.8%)`
CMYK	76, 26, 0, 48
HSL	200.4°, 61, 32.2	`hsl(200.4,61%,32.2%)`
HSV (or HSB)	200.4°, 75.8, 51.8
Web Safe	336699	`#336699`

CIE-LAB	39.084, -8.464, -24.85
XYZ	9.127, 10.708, 23.414
xyY	0.211, 0.248, 10.708
CIE-LCH	39.084, 26.252, 251.19
CIE-LUV	39.084, -23.225, -33.927
Hunter-Lab	32.722, -7.476, -19.519
Binary	00100000, 01100010, 10000100

#206284
```
#206284 rgb(32,98,132)
```
#844220
```
#844220 rgb(132,66,32)
```

Complementary Color

#208474
```
#208474 rgb(32,132,116)
```
#206284
```
#206284 rgb(32,98,132)
```
#203084
```
#203084 rgb(32,48,132)
```

Analogous Color

#847420
```
#847420 rgb(132,116,32)
```
#206284
```
#206284 rgb(32,98,132)
```
#842030
```
#842030 rgb(132,32,48)
```

Split Complementary Color

#628420
```
#628420 rgb(98,132,32)
```
#206284
```
#206284 rgb(32,98,132)
```
#842062
```
#842062 rgb(132,32,98)
```

Triadic Color

#208442
```
#208442 rgb(32,132,66)
```
#206284
```
#206284 rgb(32,98,132)
```
#842062
```
#842062 rgb(132,32,98)
```
#844220
```
#844220 rgb(132,66,32)
```

Tetradic Color

#113446
```
#113446 rgb(17,52,70)
```
#16445b
```
#16445b rgb(22,68,91)
```
#1b536f
```
#1b536f rgb(27,83,111)
```
#206284
```
#206284 rgb(32,98,132)
```
#257199
```
#257199 rgb(37,113,153)
```
#2a80ad
```
#2a80ad rgb(42,128,173)
```
#2f90c2
```
#2f90c2 rgb(47,144,194)
```

Monochromatic Color

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

#207b84
```
#207b84 rgb(32,123,132)
```
#207384
```
#207384 rgb(32,115,132)
```
#206a84
```
#206a84 rgb(32,106,132)
```
#206284
```
#206284 rgb(32,98,132)
```
#205a84
```
#205a84 rgb(32,90,132)
```
#205184
```
#205184 rgb(32,81,132)
```
#204984
```
#204984 rgb(32,73,132)
```

Similar Colors

Text with hexadecimal color #206284

This text has a font color of #206284.

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

#206284 background color

This paragraph has a background color of #206284.

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

#206284 border color

This element has a border color of #206284.

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

CSS codes

.text {color:#206284;}

.background {background-color:#206284;}

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

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

#010406
```
#010406 rgb(1,4,6)
```
#051015
```
#051015 rgb(5,16,21)
```
#091c25
```
#091c25 rgb(9,28,37)
```
#0d2735
```
#0d2735 rgb(13,39,53)
```
#113345
```
#113345 rgb(17,51,69)
```
#153f55
```
#153f55 rgb(21,63,85)
```
#184b64
```
#184b64 rgb(24,75,100)
```
#1c5674
```
#1c5674 rgb(28,86,116)
```
#206284
```
#206284 rgb(32,98,132)
```
#246e94
```
#246e94 rgb(36,110,148)
```
#2879a4
```
#2879a4 rgb(40,121,164)
```
#2b85b3
```
#2b85b3 rgb(43,133,179)
```
#2f91c3
```
#2f91c3 rgb(47,145,195)
```

Shade Color Variation

#379bcf
```
#379bcf rgb(55,155,207)
```
#47a3d2
```
#47a3d2 rgb(71,163,210)
```
#57abd6
```
#57abd6 rgb(87,171,214)
```
#67b3da
```
#67b3da rgb(103,179,218)
```
#77bbde
```
#77bbde rgb(119,187,222)
```
#86c3e2
```
#86c3e2 rgb(134,195,226)
```
#96cbe6
```
#96cbe6 rgb(150,203,230)
```
#a6d2e9
```
#a6d2e9 rgb(166,210,233)
```
#b6daed
```
#b6daed rgb(182,218,237)
```
#c6e2f1
```
#c6e2f1 rgb(198,226,241)
```
#d5eaf5
```
#d5eaf5 rgb(213,234,245)
```
#e5f2f9
```
#e5f2f9 rgb(229,242,249)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

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

#4c5458
```
#4c5458 rgb(76,84,88)
```
#46565e
```
#46565e rgb(70,86,94)
```
#405864
```
#405864 rgb(64,88,100)
```
#395a6b
```
#395a6b rgb(57,90,107)
```
#335c71
```
#335c71 rgb(51,92,113)
```
#2d5e77
```
#2d5e77 rgb(45,94,119)
```
#26607e
```
#26607e rgb(38,96,126)
```
#206284
```
#206284 rgb(32,98,132)
```
#1a648a
```
#1a648a rgb(26,100,138)
```
#136691
```
#136691 rgb(19,102,145)
```
#0d6897
```
#0d6897 rgb(13,104,151)
```
#076a9d
```
#076a9d rgb(7,106,157)
```
#006ca4
```
#006ca4 rgb(0,108,164)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#48555c Atypical Achromatopsia 0.001% of the population

Dichromacy

#596385 Protanopia 1% of men
#52638c Deuteranopia 1% of men
#116e76 Tritanopia 0.001% of the population

Trichromacy

#446285 Protanomaly 1% of men, 0.01% of women
#406389 Deuteranomaly 6% of men, 0.4% of women
#16697b Tritanomaly 0.01% of the population

#206284 hex color

#206284 Color Information

#206284 Color Conversion

Color Schemes with #206284

Alternatives to #206284

#206284 Preview

Shades and Tints of #206284

Tones of #206284

Color Blindness Simulator