#212ca5 hex color

In a RGB color space, hex #212ca5 is composed of 12.9% red, 17.3% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 73.3% magenta, 0% yellow and 35.3% black. It has a hue angle of 235 degrees, a saturation of 66.7% and a lightness of 38.8%. #212ca5 color hex could be obtained by blending #4258ff with #00004b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 17
- B 65
RGB color chart
- C 80
- M 73
- Y 0
- K 35
CMYK color chart

● #212ca5 color description : Dark blue.

The hexadecimal color #212ca5 has RGB values of R:33, G:44, B:165 and CMYK values of C:0.8, M:0.73, Y:0, K:0.35. Its decimal value is 2174117.

Hex triplet	212ca5	`#212ca5`
RGB Decimal	33, 44, 165	`rgb(33,44,165)`
RGB Percent	12.9, 17.3, 64.7	`rgb(12.9%,17.3%,64.7%)`
CMYK	80, 73, 0, 35
HSL	235°, 66.7, 38.8	`hsl(235,66.7%,38.8%)`
HSV (or HSB)	235°, 80, 64.7
Web Safe	333399	`#333399`

CIE-LAB	26.276, 39.764, -65.523
XYZ	8.318, 4.841, 36.091
xyY	0.169, 0.098, 4.841
CIE-LCH	26.276, 76.645, 301.252
CIE-LUV	26.276, -7.51, -81.323
Hunter-Lab	22.002, 28.981, -81.857
Binary	00100001, 00101100, 10100101

#212ca5
```
#212ca5 rgb(33,44,165)
```
#a59a21
```
#a59a21 rgb(165,154,33)
```

Complementary Color

#216ea5
```
#216ea5 rgb(33,110,165)
```
#212ca5
```
#212ca5 rgb(33,44,165)
```
#5821a5
```
#5821a5 rgb(88,33,165)
```

Analogous Color

#6ea521
```
#6ea521 rgb(110,165,33)
```
#212ca5
```
#212ca5 rgb(33,44,165)
```
#a55821
```
#a55821 rgb(165,88,33)
```

Split Complementary Color

#2ca521
```
#2ca521 rgb(44,165,33)
```
#212ca5
```
#212ca5 rgb(33,44,165)
```
#a5212c
```
#a5212c rgb(165,33,44)
```

Triadic Color

#21a59a
```
#21a59a rgb(33,165,154)
```
#212ca5
```
#212ca5 rgb(33,44,165)
```
#a5212c
```
#a5212c rgb(165,33,44)
```
#a59a21
```
#a59a21 rgb(165,154,33)
```

Tetradic Color

#141b65
```
#141b65 rgb(20,27,101)
```
#19217b
```
#19217b rgb(25,33,123)
```
#1d2690
```
#1d2690 rgb(29,38,144)
```
#212ca5
```
#212ca5 rgb(33,44,165)
```
#2532ba
```
#2532ba rgb(37,50,186)
```
#2a37d0
```
#2a37d0 rgb(42,55,208)
```
#3b48d8
```
#3b48d8 rgb(59,72,216)
```

Monochromatic Color

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

#214da5
```
#214da5 rgb(33,77,165)
```
#2142a5
```
#2142a5 rgb(33,66,165)
```
#2137a5
```
#2137a5 rgb(33,55,165)
```
#212ca5
```
#212ca5 rgb(33,44,165)
```
#2121a5
```
#2121a5 rgb(33,33,165)
```
#2c21a5
```
#2c21a5 rgb(44,33,165)
```
#3721a5
```
#3721a5 rgb(55,33,165)
```

Similar Colors

Text with hexadecimal color #212ca5

This text has a font color of #212ca5.

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

#212ca5 background color

This paragraph has a background color of #212ca5.

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

#212ca5 border color

This element has a border color of #212ca5.

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

CSS codes

.text {color:#212ca5;}

.background {background-color:#212ca5;}

.border {border:1px solid #212ca5;}

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

#000002
```
#000002 rgb(0,0,2)
```
#040512
```
#040512 rgb(4,5,18)
```
#070922
```
#070922 rgb(7,9,34)
```
#0a0d33
```
#0a0d33 rgb(10,13,51)
```
#0d1243
```
#0d1243 rgb(13,18,67)
```
#111653
```
#111653 rgb(17,22,83)
```
#141b64
```
#141b64 rgb(20,27,100)
```
#171f74
```
#171f74 rgb(23,31,116)
```
#1a2384
```
#1a2384 rgb(26,35,132)
```
#1e2895
```
#1e2895 rgb(30,40,149)
```
#212ca5
```
#212ca5 rgb(33,44,165)
```
#2430b5
```
#2430b5 rgb(36,48,181)
```
#2835c6
```
#2835c6 rgb(40,53,198)
```

Shade Color Variation

#2c3ad5
```
#2c3ad5 rgb(44,58,213)
```
#3c49d8
```
#3c49d8 rgb(60,73,216)
```
#4d59db
```
#4d59db rgb(77,89,219)
```
#5d68df
```
#5d68df rgb(93,104,223)
```
#6d77e2
```
#6d77e2 rgb(109,119,226)
```
#7e86e5
```
#7e86e5 rgb(126,134,229)
```
#8e96e8
```
#8e96e8 rgb(142,150,232)
```
#9ea5ec
```
#9ea5ec rgb(158,165,236)
```
#afb4ef
```
#afb4ef rgb(175,180,239)
```
#bfc3f2
```
#bfc3f2 rgb(191,195,242)
```
#d0d3f6
```
#d0d3f6 rgb(208,211,246)
```
#e0e2f9
```
#e0e2f9 rgb(224,226,249)
```
#f0f1fc
```
#f0f1fc rgb(240,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5f68 is the less saturated color, while #0313c3 is the most saturated one.

#5e5f68
```
#5e5f68 rgb(94,95,104)
```
#565870
```
#565870 rgb(86,88,112)
```
#4f5277
```
#4f5277 rgb(79,82,119)
```
#474c7f
```
#474c7f rgb(71,76,127)
```
#3f4587
```
#3f4587 rgb(63,69,135)
```
#383f8e
```
#383f8e rgb(56,63,142)
```
#303996
```
#303996 rgb(48,57,150)
```
#29329d
```
#29329d rgb(41,50,157)
```
#212ca5
```
#212ca5 rgb(33,44,165)
```
#1926ad
```
#1926ad rgb(25,38,173)
```
#121fb4
```
#121fb4 rgb(18,31,180)
```
#0a19bc
```
#0a19bc rgb(10,25,188)
```
#0313c3
```
#0313c3 rgb(3,19,195)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#33354d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#0c3c92 Protanomaly 1% of men, 0.01% of women
#0c3f87 Deuteranomaly 6% of men, 0.4% of women
#0c4271 Tritanomaly 0.01% of the population

#212ca5 hex color

#212ca5 Color Information

#212ca5 Color Conversion

Color Schemes with #212ca5

Alternatives to #212ca5

#212ca5 Preview

Shades and Tints of #212ca5

Tones of #212ca5

Color Blindness Simulator