#212286 hex color

In a RGB color space, hex #212286 is composed of 12.9% red, 13.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 74.6% magenta, 0% yellow and 47.5% black. It has a hue angle of 239.4 degrees, a saturation of 60.5% and a lightness of 32.7%. #212286 color hex could be obtained by blending #4244ff with #00000d. Closest websafe color is: #333399.

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

● #212286 color description : Dark blue.

The hexadecimal color #212286 has RGB values of R:33, G:34, B:134 and CMYK values of C:0.75, M:0.75, Y:0, K:0.47. Its decimal value is 2171526.

Hex triplet	212286	`#212286`
RGB Decimal	33, 34, 134	`rgb(33,34,134)`
RGB Percent	12.9, 13.3, 52.5	`rgb(12.9%,13.3%,52.5%)`
CMYK	75, 75, 0, 47
HSL	239.4°, 60.5, 32.7	`hsl(239.4,60.5%,32.7%)`
HSV (or HSB)	239.4°, 75.4, 52.5
Web Safe	333399	`#333399`

CIE-LAB	20.783, 34.865, -55.482
XYZ	5.501, 3.188, 22.878
xyY	0.174, 0.101, 3.188
CIE-LCH	20.783, 65.528, 302.145
CIE-LUV	20.783, -4.703, -62.967
Hunter-Lab	17.856, 23.749, -63.469
Binary	00100001, 00100010, 10000110

#212286
```
#212286 rgb(33,34,134)
```
#868521
```
#868521 rgb(134,133,33)
```

Complementary Color

#215486
```
#215486 rgb(33,84,134)
```
#212286
```
#212286 rgb(33,34,134)
```
#532186
```
#532186 rgb(83,33,134)
```

Analogous Color

#558621
```
#558621 rgb(85,134,33)
```
#212286
```
#212286 rgb(33,34,134)
```
#865321
```
#865321 rgb(134,83,33)
```

Split Complementary Color

#228621
```
#228621 rgb(34,134,33)
```
#212286
```
#212286 rgb(33,34,134)
```
#862122
```
#862122 rgb(134,33,34)
```

Triadic Color

#218685
```
#218685 rgb(33,134,133)
```
#212286
```
#212286 rgb(33,34,134)
```
#862122
```
#862122 rgb(134,33,34)
```
#868521
```
#868521 rgb(134,133,33)
```

Tetradic Color

#121249
```
#121249 rgb(18,18,73)
```
#17185d
```
#17185d rgb(23,24,93)
```
#1c1d72
```
#1c1d72 rgb(28,29,114)
```
#212286
```
#212286 rgb(33,34,134)
```
#26279a
```
#26279a rgb(38,39,154)
```
#2b2caf
```
#2b2caf rgb(43,44,175)
```
#3032c3
```
#3032c3 rgb(48,50,195)
```

Monochromatic Color

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

#213b86
```
#213b86 rgb(33,59,134)
```
#213386
```
#213386 rgb(33,51,134)
```
#212a86
```
#212a86 rgb(33,42,134)
```
#212286
```
#212286 rgb(33,34,134)
```
#282186
```
#282186 rgb(40,33,134)
```
#312186
```
#312186 rgb(49,33,134)
```
#392186
```
#392186 rgb(57,33,134)
```

Similar Colors

Text with hexadecimal color #212286

This text has a font color of #212286.

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

#212286 background color

This paragraph has a background color of #212286.

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

#212286 border color

This element has a border color of #212286.

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

CSS codes

.text {color:#212286;}

.background {background-color:#212286;}

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

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

#020208
```
#020208 rgb(2,2,8)
```
#060618
```
#060618 rgb(6,6,24)
```
#0a0a28
```
#0a0a28 rgb(10,10,40)
```
#0e0e37
```
#0e0e37 rgb(14,14,55)
```
#111247
```
#111247 rgb(17,18,71)
```
#151657
```
#151657 rgb(21,22,87)
```
#191a67
```
#191a67 rgb(25,26,103)
```
#1d1e76
```
#1d1e76 rgb(29,30,118)
```
#212286
```
#212286 rgb(33,34,134)
```
#252696
```
#252696 rgb(37,38,150)
```
#292aa5
```
#292aa5 rgb(41,42,165)
```
#2d2eb5
```
#2d2eb5 rgb(45,46,181)
```
#3132c5
```
#3132c5 rgb(49,50,197)
```

Shade Color Variation

#3a3ccf
```
#3a3ccf rgb(58,60,207)
```
#4a4cd2
```
#4a4cd2 rgb(74,76,210)
```
#5a5bd6
```
#5a5bd6 rgb(90,91,214)
```
#6a6bda
```
#6a6bda rgb(106,107,218)
```
#797ade
```
#797ade rgb(121,122,222)
```
#898ae2
```
#898ae2 rgb(137,138,226)
```
#999ae6
```
#999ae6 rgb(153,154,230)
```
#a9a9ea
```
#a9a9ea rgb(169,169,234)
```
#b8b9ee
```
#b8b9ee rgb(184,185,238)
```
#c8c9f1
```
#c8c9f1 rgb(200,201,241)
```
#d8d8f5
```
#d8d8f5 rgb(216,216,245)
```
#e8e8f9
```
#e8e8f9 rgb(232,232,249)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

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

#4e4e59
```
#4e4e59 rgb(78,78,89)
```
#48485f
```
#48485f rgb(72,72,95)
```
#414166
```
#414166 rgb(65,65,102)
```
#3b3b6c
```
#3b3b6c rgb(59,59,108)
```
#343573
```
#343573 rgb(52,53,115)
```
#2e2f79
```
#2e2f79 rgb(46,47,121)
```
#272880
```
#272880 rgb(39,40,128)
```
#212286
```
#212286 rgb(33,34,134)
```
#1b1c8c
```
#1b1c8c rgb(27,28,140)
```
#141593
```
#141593 rgb(20,21,147)
```
#0e0f99
```
#0e0f99 rgb(14,15,153)
```
#0709a0
```
#0709a0 rgb(7,9,160)
```
#0103a6
```
#0103a6 rgb(1,3,166)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2b2b3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a72 Protanopia 1% of men
#003e63 Deuteranopia 1% of men
#004246 Tritanopia 0.001% of the population

Trichromacy

#0c3179 Protanomaly 1% of men, 0.01% of women
#0c3470 Deuteranomaly 6% of men, 0.4% of women
#0c365d Tritanomaly 0.01% of the population

#212286 hex color

#212286 Color Information

#212286 Color Conversion

Color Schemes with #212286

Alternatives to #212286

#212286 Preview

Shades and Tints of #212286

Tones of #212286

Color Blindness Simulator