#212ca7 hex color

In a RGB color space, hex #212ca7 is composed of 12.9% red, 17.3% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 73.7% magenta, 0% yellow and 34.5% black. It has a hue angle of 235.1 degrees, a saturation of 67% and a lightness of 39.2%. #212ca7 color hex could be obtained by blending #4258ff with #00004f. Closest websafe color is: #333399.

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

● #212ca7 color description : Dark blue.

The hexadecimal color #212ca7 has RGB values of R:33, G:44, B:167 and CMYK values of C:0.8, M:0.74, Y:0, K:0.35. Its decimal value is 2174119.

Hex triplet	212ca7	`#212ca7`
RGB Decimal	33, 44, 167	`rgb(33,44,167)`
RGB Percent	12.9, 17.3, 65.5	`rgb(12.9%,17.3%,65.5%)`
CMYK	80, 74, 0, 35
HSL	235.1°, 67, 39.2	`hsl(235.1,67%,39.2%)`
HSV (or HSB)	235.1°, 80.2, 65.5
Web Safe	333399	`#333399`

CIE-LAB	26.489, 40.468, -66.381
XYZ	8.502, 4.914, 37.058
xyY	0.168, 0.097, 4.914
CIE-LCH	26.489, 77.744, 301.368
CIE-LUV	26.489, -7.574, -82.52
Hunter-Lab	22.168, 29.662, -83.596
Binary	00100001, 00101100, 10100111

#212ca7
```
#212ca7 rgb(33,44,167)
```
#a79c21
```
#a79c21 rgb(167,156,33)
```

Complementary Color

#216fa7
```
#216fa7 rgb(33,111,167)
```
#212ca7
```
#212ca7 rgb(33,44,167)
```
#5921a7
```
#5921a7 rgb(89,33,167)
```

Analogous Color

#6fa721
```
#6fa721 rgb(111,167,33)
```
#212ca7
```
#212ca7 rgb(33,44,167)
```
#a75921
```
#a75921 rgb(167,89,33)
```

Split Complementary Color

#2ca721
```
#2ca721 rgb(44,167,33)
```
#212ca7
```
#212ca7 rgb(33,44,167)
```
#a7212c
```
#a7212c rgb(167,33,44)
```

Triadic Color

#21a79c
```
#21a79c rgb(33,167,156)
```
#212ca7
```
#212ca7 rgb(33,44,167)
```
#a7212c
```
#a7212c rgb(167,33,44)
```
#a79c21
```
#a79c21 rgb(167,156,33)
```

Tetradic Color

#141b67
```
#141b67 rgb(20,27,103)
```
#19217c
```
#19217c rgb(25,33,124)
```
#1d2692
```
#1d2692 rgb(29,38,146)
```
#212ca7
```
#212ca7 rgb(33,44,167)
```
#2532bc
```
#2532bc rgb(37,50,188)
```
#2937d2
```
#2937d2 rgb(41,55,210)
```
#3c49d8
```
#3c49d8 rgb(60,73,216)
```

Monochromatic Color

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

#214ea7
```
#214ea7 rgb(33,78,167)
```
#2142a7
```
#2142a7 rgb(33,66,167)
```
#2137a7
```
#2137a7 rgb(33,55,167)
```
#212ca7
```
#212ca7 rgb(33,44,167)
```
#2121a7
```
#2121a7 rgb(33,33,167)
```
#2c21a7
```
#2c21a7 rgb(44,33,167)
```
#3721a7
```
#3721a7 rgb(55,33,167)
```

Similar Colors

Text with hexadecimal color #212ca7

This text has a font color of #212ca7.

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

#212ca7 background color

This paragraph has a background color of #212ca7.

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

#212ca7 border color

This element has a border color of #212ca7.

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

CSS codes

.text {color:#212ca7;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#040514
```
#040514 rgb(4,5,20)
```
#070924
```
#070924 rgb(7,9,36)
```
#0a0e34
```
#0a0e34 rgb(10,14,52)
```
#0e1245
```
#0e1245 rgb(14,18,69)
```
#111655
```
#111655 rgb(17,22,85)
```
#141b65
```
#141b65 rgb(20,27,101)
```
#171f76
```
#171f76 rgb(23,31,118)
```
#1b2386
```
#1b2386 rgb(27,35,134)
```
#1e2897
```
#1e2897 rgb(30,40,151)
```
#212ca7
```
#212ca7 rgb(33,44,167)
```
#2430b7
```
#2430b7 rgb(36,48,183)
```
#2735c8
```
#2735c8 rgb(39,53,200)
```

Shade Color Variation

#2d3bd6
```
#2d3bd6 rgb(45,59,214)
```
#3e4ad9
```
#3e4ad9 rgb(62,74,217)
```
#4e5adc
```
#4e5adc rgb(78,90,220)
```
#5e69df
```
#5e69df rgb(94,105,223)
```
#6f78e3
```
#6f78e3 rgb(111,120,227)
```
#7f88e6
```
#7f88e6 rgb(127,136,230)
```
#9097e9
```
#9097e9 rgb(144,151,233)
```
#a0a6ec
```
#a0a6ec rgb(160,166,236)
```
#b0b6ef
```
#b0b6ef rgb(176,182,239)
```
#c1c5f3
```
#c1c5f3 rgb(193,197,243)
```
#d1d4f6
```
#d1d4f6 rgb(209,212,246)
```
#e1e3f9
```
#e1e3f9 rgb(225,227,249)
```
#f2f3fc
```
#f2f3fc rgb(242,243,252)
```

Tint Color Variation

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

#5f5f69
```
#5f5f69 rgb(95,95,105)
```
#575971
```
#575971 rgb(87,89,113)
```
#4f5379
```
#4f5379 rgb(79,83,121)
```
#474c81
```
#474c81 rgb(71,76,129)
```
#404688
```
#404688 rgb(64,70,136)
```
#383f90
```
#383f90 rgb(56,63,144)
```
#303998
```
#303998 rgb(48,57,152)
```
#29329f
```
#29329f rgb(41,50,159)
```
#212ca7
```
#212ca7 rgb(33,44,167)
```
#1926af
```
#1926af rgb(25,38,175)
```
#121fb6
```
#121fb6 rgb(18,31,182)
```
#0a19be
```
#0a19be rgb(10,25,190)
```
#0212c6
```
#0212c6 rgb(2,18,198)
```

Tone Color Variation

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

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

Trichromacy

#0c3c94 Protanomaly 1% of men, 0.01% of women
#0c3f88 Deuteranomaly 6% of men, 0.4% of women
#0c4272 Tritanomaly 0.01% of the population

#212ca7 hex color

#212ca7 Color Information

#212ca7 Color Conversion

Color Schemes with #212ca7

Alternatives to #212ca7

#212ca7 Preview

Shades and Tints of #212ca7

Tones of #212ca7

Color Blindness Simulator