#203286 hex color

In a RGB color space, hex #203286 is composed of 12.5% red, 19.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 62.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 229.4 degrees, a saturation of 61.4% and a lightness of 32.5%. #203286 color hex could be obtained by blending #4064ff with #00000d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 20
- B 53
RGB color chart
- C 76
- M 63
- Y 0
- K 47
CMYK color chart

● #203286 color description : Dark blue.

The hexadecimal color #203286 has RGB values of R:32, G:50, B:134 and CMYK values of C:0.76, M:0.63, Y:0, K:0.47. Its decimal value is 2110086.

Hex triplet	203286	`#203286`
RGB Decimal	32, 50, 134	`rgb(32,50,134)`
RGB Percent	12.5, 19.6, 52.5	`rgb(12.5%,19.6%,52.5%)`
CMYK	76, 63, 0, 47
HSL	229.4°, 61.4, 32.5	`hsl(229.4,61.4%,32.5%)`
HSV (or HSB)	229.4°, 76.1, 52.5
Web Safe	333399	`#333399`

CIE-LAB	24.668, 24.217, -49.108
XYZ	6.038, 4.309, 23.066
xyY	0.181, 0.129, 4.309
CIE-LCH	24.668, 54.755, 296.249
CIE-LUV	24.668, -8.068, -61.274
Hunter-Lab	20.758, 15.597, -51.351
Binary	00100000, 00110010, 10000110

#203286
```
#203286 rgb(32,50,134)
```
#867420
```
#867420 rgb(134,116,32)
```

Complementary Color

#206586
```
#206586 rgb(32,101,134)
```
#203286
```
#203286 rgb(32,50,134)
```
#412086
```
#412086 rgb(65,32,134)
```

Analogous Color

#658620
```
#658620 rgb(101,134,32)
```
#203286
```
#203286 rgb(32,50,134)
```
#864120
```
#864120 rgb(134,65,32)
```

Split Complementary Color

#328620
```
#328620 rgb(50,134,32)
```
#203286
```
#203286 rgb(32,50,134)
```
#862032
```
#862032 rgb(134,32,50)
```

Triadic Color

#208674
```
#208674 rgb(32,134,116)
```
#203286
```
#203286 rgb(32,50,134)
```
#862032
```
#862032 rgb(134,32,50)
```
#867420
```
#867420 rgb(134,116,32)
```

Tetradic Color

#111b48
```
#111b48 rgb(17,27,72)
```
#16235d
```
#16235d rgb(22,35,93)
```
#1b2a71
```
#1b2a71 rgb(27,42,113)
```
#203286
```
#203286 rgb(32,50,134)
```
#253a9b
```
#253a9b rgb(37,58,155)
```
#2a41af
```
#2a41af rgb(42,65,175)
```
#2f49c4
```
#2f49c4 rgb(47,73,196)
```

Monochromatic Color

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

#204b86
```
#204b86 rgb(32,75,134)
```
#204386
```
#204386 rgb(32,67,134)
```
#203a86
```
#203a86 rgb(32,58,134)
```
#203286
```
#203286 rgb(32,50,134)
```
#202a86
```
#202a86 rgb(32,42,134)
```
#202186
```
#202186 rgb(32,33,134)
```
#282086
```
#282086 rgb(40,32,134)
```

Similar Colors

Text with hexadecimal color #203286

This text has a font color of #203286.

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

#203286 background color

This paragraph has a background color of #203286.

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

#203286 border color

This element has a border color of #203286.

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

CSS codes

.text {color:#203286;}

.background {background-color:#203286;}

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

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

#020307
```
#020307 rgb(2,3,7)
```
#060917
```
#060917 rgb(6,9,23)
```
#090f27
```
#090f27 rgb(9,15,39)
```
#0d1437
```
#0d1437 rgb(13,20,55)
```
#111a47
```
#111a47 rgb(17,26,71)
```
#152056
```
#152056 rgb(21,32,86)
```
#182666
```
#182666 rgb(24,38,102)
```
#1c2c76
```
#1c2c76 rgb(28,44,118)
```
#203286
```
#203286 rgb(32,50,134)
```
#243896
```
#243896 rgb(36,56,150)
```
#283ea6
```
#283ea6 rgb(40,62,166)
```
#2b44b6
```
#2b44b6 rgb(43,68,182)
```
#2f4ac5
```
#2f4ac5 rgb(47,74,197)
```

Shade Color Variation

#3853d0
```
#3853d0 rgb(56,83,208)
```
#4861d3
```
#4861d3 rgb(72,97,211)
```
#586fd7
```
#586fd7 rgb(88,111,215)
```
#687cdb
```
#687cdb rgb(104,124,219)
```
#788adf
```
#788adf rgb(120,138,223)
```
#8898e2
```
#8898e2 rgb(136,152,226)
```
#97a5e6
```
#97a5e6 rgb(151,165,230)
```
#a7b3ea
```
#a7b3ea rgb(167,179,234)
```
#b7c1ee
```
#b7c1ee rgb(183,193,238)
```
#c7cff2
```
#c7cff2 rgb(199,207,242)
```
#d7dcf5
```
#d7dcf5 rgb(215,220,245)
```
#e7eaf9
```
#e7eaf9 rgb(231,234,249)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

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

#4d4f59
```
#4d4f59 rgb(77,79,89)
```
#464b60
```
#464b60 rgb(70,75,96)
```
#404766
```
#404766 rgb(64,71,102)
```
#3a436c
```
#3a436c rgb(58,67,108)
```
#333e73
```
#333e73 rgb(51,62,115)
```
#2d3a79
```
#2d3a79 rgb(45,58,121)
```
#263680
```
#263680 rgb(38,54,128)
```
#203286
```
#203286 rgb(32,50,134)
```
#1a2e8c
```
#1a2e8c rgb(26,46,140)
```
#132a93
```
#132a93 rgb(19,42,147)
```
#0d2699
```
#0d2699 rgb(13,38,153)
```
#0621a0
```
#0621a0 rgb(6,33,160)
```
#001da6
```
#001da6 rgb(0,29,166)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#323546 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004282 Protanopia 1% of men
#004671 Deuteranopia 1% of men
#004b50 Tritanopia 0.001% of the population

Trichromacy

#0b3c83 Protanomaly 1% of men, 0.01% of women
#0b3f79 Deuteranomaly 6% of men, 0.4% of women
#0b4263 Tritanomaly 0.01% of the population

#203286 hex color

#203286 Color Information

#203286 Color Conversion

Color Schemes with #203286

Alternatives to #203286

#203286 Preview

Shades and Tints of #203286

Tones of #203286

Color Blindness Simulator