#2821f1 hex color

In a RGB color space, hex #2821f1 is composed of 15.7% red, 12.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 86.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 242 degrees, a saturation of 88.1% and a lightness of 53.7%. #2821f1 color hex could be obtained by blending #5042ff with #0000e3. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 16
- G 13
- B 95
RGB color chart
- C 83
- M 86
- Y 0
- K 5
CMYK color chart

● #2821f1 color description : Vivid blue.

The hexadecimal color #2821f1 has RGB values of R:40, G:33, B:241 and CMYK values of C:0.83, M:0.86, Y:0, K:0.05. Its decimal value is 2630129.

Hex triplet	2821f1	`#2821f1`
RGB Decimal	40, 33, 241	`rgb(40,33,241)`
RGB Percent	15.7, 12.9, 94.5	`rgb(15.7%,12.9%,94.5%)`
CMYK	83, 86, 0, 5
HSL	242°, 88.1, 53.7	`hsl(242,88.1%,53.7%)`
HSV (or HSB)	242°, 86.3, 94.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	33.75, 68.884, -97.527
XYZ	17.293, 7.888, 83.825
xyY	0.159, 0.072, 7.888
CIE-LCH	33.75, 119.401, 305.234
CIE-LUV	33.75, -8.4, -125.011
Hunter-Lab	28.086, 60.752, -157.294
Binary	00101000, 00100001, 11110001

#2821f1
```
#2821f1 rgb(40,33,241)
```
#eaf121
```
#eaf121 rgb(234,241,33)
```

Complementary Color

#2182f1
```
#2182f1 rgb(33,130,241)
```
#2821f1
```
#2821f1 rgb(40,33,241)
```
#9021f1
```
#9021f1 rgb(144,33,241)
```

Analogous Color

#82f121
```
#82f121 rgb(130,241,33)
```
#2821f1
```
#2821f1 rgb(40,33,241)
```
#f19021
```
#f19021 rgb(241,144,33)
```

Split Complementary Color

#21f128
```
#21f128 rgb(33,241,40)
```
#2821f1
```
#2821f1 rgb(40,33,241)
```
#f12821
```
#f12821 rgb(241,40,33)
```

Triadic Color

#21eaf1
```
#21eaf1 rgb(33,234,241)
```
#2821f1
```
#2821f1 rgb(40,33,241)
```
#f12821
```
#f12821 rgb(241,40,33)
```
#eaf121
```
#eaf121 rgb(234,241,33)
```

Tetradic Color

#120cba
```
#120cba rgb(18,12,186)
```
#140dd2
```
#140dd2 rgb(20,13,210)
```
#160fea
```
#160fea rgb(22,15,234)
```
#2821f1
```
#2821f1 rgb(40,33,241)
```
#3f39f3
```
#3f39f3 rgb(63,57,243)
```
#5651f4
```
#5651f4 rgb(86,81,244)
```
#6e69f6
```
#6e69f6 rgb(110,105,246)
```

Monochromatic Color

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

#214ef1
```
#214ef1 rgb(33,78,241)
```
#213df1
```
#213df1 rgb(33,61,241)
```
#212bf1
```
#212bf1 rgb(33,43,241)
```
#2821f1
```
#2821f1 rgb(40,33,241)
```
#3921f1
```
#3921f1 rgb(57,33,241)
```
#4b21f1
```
#4b21f1 rgb(75,33,241)
```
#5c21f1
```
#5c21f1 rgb(92,33,241)
```

Similar Colors

Text with hexadecimal color #2821f1

This text has a font color of #2821f1.

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

#2821f1 background color

This paragraph has a background color of #2821f1.

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

#2821f1 border color

This element has a border color of #2821f1.

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

CSS codes

.text {color:#2821f1;}

.background {background-color:#2821f1;}

.border {border:1px solid #2821f1;}

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

#020112
```
#020112 rgb(2,1,18)
```
#030224
```
#030224 rgb(3,2,36)
```
#050337
```
#050337 rgb(5,3,55)
```
#070549
```
#070549 rgb(7,5,73)
```
#09065c
```
#09065c rgb(9,6,92)
```
#0a076e
```
#0a076e rgb(10,7,110)
```
#0c0881
```
#0c0881 rgb(12,8,129)
```
#0e0993
```
#0e0993 rgb(14,9,147)
```
#100aa5
```
#100aa5 rgb(16,10,165)
```
#110cb8
```
#110cb8 rgb(17,12,184)
```
#130dca
```
#130dca rgb(19,13,202)
```
#150edd
```
#150edd rgb(21,14,221)
```
#170fef
```
#170fef rgb(23,15,239)
```

Shade Color Variation

#2821f1
```
#2821f1 rgb(40,33,241)
```
#3a33f2
```
#3a33f2 rgb(58,51,242)
```
#4c46f3
```
#4c46f3 rgb(76,70,243)
```
#5e58f4
```
#5e58f4 rgb(94,88,244)
```
#6f6bf6
```
#6f6bf6 rgb(111,107,246)
```
#817df7
```
#817df7 rgb(129,125,247)
```
#9390f8
```
#9390f8 rgb(147,144,248)
```
#a5a2f9
```
#a5a2f9 rgb(165,162,249)
```
#b7b5fa
```
#b7b5fa rgb(183,181,250)
```
#c9c7fb
```
#c9c7fb rgb(201,199,251)
```
#dbdafd
```
#dbdafd rgb(219,218,253)
```
#edecfe
```
#edecfe rgb(237,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85858d is the less saturated color, while #2018fa is the most saturated one.

#85858d
```
#85858d rgb(133,133,141)
```
#7d7c96
```
#7d7c96 rgb(125,124,150)
```
#74739f
```
#74739f rgb(116,115,159)
```
#6c6aa8
```
#6c6aa8 rgb(108,106,168)
```
#6361b1
```
#6361b1 rgb(99,97,177)
```
#5b57bb
```
#5b57bb rgb(91,87,187)
```
#524ec4
```
#524ec4 rgb(82,78,196)
```
#4a45cd
```
#4a45cd rgb(74,69,205)
```
#413cd6
```
#413cd6 rgb(65,60,214)
```
#3933df
```
#3933df rgb(57,51,223)
```
#302ae8
```
#302ae8 rgb(48,42,232)
```
#2821f1
```
#2821f1 rgb(40,33,241)
```
#2018fa
```
#2018fa rgb(32,24,250)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#37365f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a6 Protanopia 1% of men
#005b8f Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0e42c1 Protanomaly 1% of men, 0.01% of women
#0e46b3 Deuteranomaly 6% of men, 0.4% of women
#0e4998 Tritanomaly 0.01% of the population

#2821f1 hex color

#2821f1 Color Information

#2821f1 Color Conversion

Color Schemes with #2821f1

Alternatives to #2821f1

#2821f1 Preview

Shades and Tints of #2821f1

Tones of #2821f1

Color Blindness Simulator