#1821e2 hex color

In a RGB color space, hex #1821e2 is composed of 9.4% red, 12.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 85.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 237.3 degrees, a saturation of 80.8% and a lightness of 49%. #1821e2 color hex could be obtained by blending #3042ff with #0000c5. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 9
- G 13
- B 89
RGB color chart
- C 89
- M 85
- Y 0
- K 11
CMYK color chart

● #1821e2 color description : Vivid blue.

The hexadecimal color #1821e2 has RGB values of R:24, G:33, B:226 and CMYK values of C:0.89, M:0.85, Y:0, K:0.11. Its decimal value is 1581538.

Hex triplet	1821e2	`#1821e2`
RGB Decimal	24, 33, 226	`rgb(24,33,226)`
RGB Percent	9.4, 12.9, 88.6	`rgb(9.4%,12.9%,88.6%)`
CMYK	89, 85, 0, 11
HSL	237.3°, 80.8, 49	`hsl(237.3,80.8%,49%)`
HSV (or HSB)	237.3°, 89.4, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.282, 64.254, -93.111
XYZ	14.645, 6.772, 72.483
xyY	0.156, 0.072, 6.772
CIE-LCH	31.282, 113.129, 304.609
CIE-LUV	31.282, -9.058, -116.176
Hunter-Lab	26.023, 54.918, -146.928
Binary	00011000, 00100001, 11100010

#1821e2
```
#1821e2 rgb(24,33,226)
```
#e2d918
```
#e2d918 rgb(226,217,24)
```

Complementary Color

#1886e2
```
#1886e2 rgb(24,134,226)
```
#1821e2
```
#1821e2 rgb(24,33,226)
```
#7418e2
```
#7418e2 rgb(116,24,226)
```

Analogous Color

#86e218
```
#86e218 rgb(134,226,24)
```
#1821e2
```
#1821e2 rgb(24,33,226)
```
#e27418
```
#e27418 rgb(226,116,24)
```

Split Complementary Color

#21e218
```
#21e218 rgb(33,226,24)
```
#1821e2
```
#1821e2 rgb(24,33,226)
```
#e21821
```
#e21821 rgb(226,24,33)
```

Triadic Color

#18e2d9
```
#18e2d9 rgb(24,226,217)
```
#1821e2
```
#1821e2 rgb(24,33,226)
```
#e21821
```
#e21821 rgb(226,24,33)
```
#e2d918
```
#e2d918 rgb(226,217,24)
```

Tetradic Color

#11179d
```
#11179d rgb(17,23,157)
```
#131ab4
```
#131ab4 rgb(19,26,180)
```
#161ecb
```
#161ecb rgb(22,30,203)
```
#1821e2
```
#1821e2 rgb(24,33,226)
```
#2b33e8
```
#2b33e8 rgb(43,51,232)
```
#424aeb
```
#424aeb rgb(66,74,235)
```
#5960ed
```
#5960ed rgb(89,96,237)
```

Monochromatic Color

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

#1854e2
```
#1854e2 rgb(24,84,226)
```
#1843e2
```
#1843e2 rgb(24,67,226)
```
#1832e2
```
#1832e2 rgb(24,50,226)
```
#1821e2
```
#1821e2 rgb(24,33,226)
```
#2018e2
```
#2018e2 rgb(32,24,226)
```
#3118e2
```
#3118e2 rgb(49,24,226)
```
#4118e2
```
#4118e2 rgb(65,24,226)
```

Similar Colors

Text with hexadecimal color #1821e2

This text has a font color of #1821e2.

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

#1821e2 background color

This paragraph has a background color of #1821e2.

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

#1821e2 border color

This element has a border color of #1821e2.

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

CSS codes

.text {color:#1821e2;}

.background {background-color:#1821e2;}

.border {border:1px solid #1821e2;}

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, #01020d is the darkest color, while #fafbff is the lightest one.

#01020d
```
#01020d rgb(1,2,13)
```
#03051f
```
#03051f rgb(3,5,31)
```
#050731
```
#050731 rgb(5,7,49)
```
#070a42
```
#070a42 rgb(7,10,66)
```
#090c54
```
#090c54 rgb(9,12,84)
```
#0b0f66
```
#0b0f66 rgb(11,15,102)
```
#0d1178
```
#0d1178 rgb(13,17,120)
```
#0f1489
```
#0f1489 rgb(15,20,137)
```
#10179b
```
#10179b rgb(16,23,155)
```
#1219ad
```
#1219ad rgb(18,25,173)
```
#141cbf
```
#141cbf rgb(20,28,191)
```
#161ed0
```
#161ed0 rgb(22,30,208)
```
#1821e2
```
#1821e2 rgb(24,33,226)
```

Shade Color Variation

#262ee8
```
#262ee8 rgb(38,46,232)
```
#373fea
```
#373fea rgb(55,63,234)
```
#4950ec
```
#4950ec rgb(73,80,236)
```
#5b61ee
```
#5b61ee rgb(91,97,238)
```
#6d72ef
```
#6d72ef rgb(109,114,239)
```
#7e83f1
```
#7e83f1 rgb(126,131,241)
```
#9095f3
```
#9095f3 rgb(144,149,243)
```
#a2a6f5
```
#a2a6f5 rgb(162,166,245)
```
#b4b7f7
```
#b4b7f7 rgb(180,183,247)
```
#c5c8f9
```
#c5c8f9 rgb(197,200,249)
```
#d7d9fb
```
#d7d9fb rgb(215,217,251)
```
#e9eafd
```
#e9eafd rgb(233,234,253)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787982 is the less saturated color, while #050ff5 is the most saturated one.

#787982
```
#787982 rgb(120,121,130)
```
#6f708b
```
#6f708b rgb(111,112,139)
```
#656795
```
#656795 rgb(101,103,149)
```
#5b5e9f
```
#5b5e9f rgb(91,94,159)
```
#5256a8
```
#5256a8 rgb(82,86,168)
```
#484db2
```
#484db2 rgb(72,77,178)
```
#3e44bc
```
#3e44bc rgb(62,68,188)
```
#353bc5
```
#353bc5 rgb(53,59,197)
```
#2b33cf
```
#2b33cf rgb(43,51,207)
```
#222ad8
```
#222ad8 rgb(34,42,216)
```
#1821e2
```
#1821e2 rgb(24,33,226)
```
#0e18ec
```
#0e18ec rgb(14,24,236)
```
#050ff5
```
#050ff5 rgb(5,15,245)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2e3057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#083fb5 Protanomaly 1% of men, 0.01% of women
#0842a8 Deuteranomaly 6% of men, 0.4% of women
#08468e Tritanomaly 0.01% of the population

#1821e2 hex color

#1821e2 Color Information

#1821e2 Color Conversion

Color Schemes with #1821e2

Alternatives to #1821e2

#1821e2 Preview

Shades and Tints of #1821e2

Tones of #1821e2

Color Blindness Simulator