#2821f0 hex color

In a RGB color space, hex #2821f0 is composed of 15.7% red, 12.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 86.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 242 degrees, a saturation of 87.3% and a lightness of 53.5%. #2821f0 color hex could be obtained by blending #5042ff with #0000e1. Closest websafe color is: #3333ff.

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

● #2821f0 color description : Vivid blue.

The hexadecimal color #2821f0 has RGB values of R:40, G:33, B:240 and CMYK values of C:0.83, M:0.86, Y:0, K:0.06. Its decimal value is 2630128.

Hex triplet	2821f0	`#2821f0`
RGB Decimal	40, 33, 240	`rgb(40,33,240)`
RGB Percent	15.7, 12.9, 94.1	`rgb(15.7%,12.9%,94.1%)`
CMYK	83, 86, 0, 6
HSL	242°, 87.3, 53.5	`hsl(242,87.3%,53.5%)`
HSV (or HSB)	242°, 86.3, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	33.624, 68.61, -97.17
XYZ	17.144, 7.829, 83.041
xyY	0.159, 0.072, 7.829
CIE-LCH	33.624, 118.951, 305.225
CIE-LUV	33.624, -8.356, -124.447
Hunter-Lab	27.98, 60.405, -156.378
Binary	00101000, 00100001, 11110000

#2821f0
```
#2821f0 rgb(40,33,240)
```
#e9f021
```
#e9f021 rgb(233,240,33)
```

Complementary Color

#2182f0
```
#2182f0 rgb(33,130,240)
```
#2821f0
```
#2821f0 rgb(40,33,240)
```
#9021f0
```
#9021f0 rgb(144,33,240)
```

Analogous Color

#82f021
```
#82f021 rgb(130,240,33)
```
#2821f0
```
#2821f0 rgb(40,33,240)
```
#f09021
```
#f09021 rgb(240,144,33)
```

Split Complementary Color

#21f028
```
#21f028 rgb(33,240,40)
```
#2821f0
```
#2821f0 rgb(40,33,240)
```
#f02821
```
#f02821 rgb(240,40,33)
```

Triadic Color

#21e9f0
```
#21e9f0 rgb(33,233,240)
```
#2821f0
```
#2821f0 rgb(40,33,240)
```
#f02821
```
#f02821 rgb(240,40,33)
```
#e9f021
```
#e9f021 rgb(233,240,33)
```

Tetradic Color

#120cb8
```
#120cb8 rgb(18,12,184)
```
#150ed0
```
#150ed0 rgb(21,14,208)
```
#1710e8
```
#1710e8 rgb(23,16,232)
```
#2821f0
```
#2821f0 rgb(40,33,240)
```
#3f39f2
```
#3f39f2 rgb(63,57,242)
```
#5651f3
```
#5651f3 rgb(86,81,243)
```
#6d69f5
```
#6d69f5 rgb(109,105,245)
```

Monochromatic Color

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

#214ef0
```
#214ef0 rgb(33,78,240)
```
#213df0
```
#213df0 rgb(33,61,240)
```
#212bf0
```
#212bf0 rgb(33,43,240)
```
#2821f0
```
#2821f0 rgb(40,33,240)
```
#3921f0
```
#3921f0 rgb(57,33,240)
```
#4b21f0
```
#4b21f0 rgb(75,33,240)
```
#5c21f0
```
#5c21f0 rgb(92,33,240)
```

Similar Colors

Text with hexadecimal color #2821f0

This text has a font color of #2821f0.

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

#2821f0 background color

This paragraph has a background color of #2821f0.

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

#2821f0 border color

This element has a border color of #2821f0.

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

CSS codes

.text {color:#2821f0;}

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

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

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

#020111
```
#020111 rgb(2,1,17)
```
#030223
```
#030223 rgb(3,2,35)
```
#050436
```
#050436 rgb(5,4,54)
```
#070548
```
#070548 rgb(7,5,72)
```
#09065a
```
#09065a rgb(9,6,90)
```
#0b076d
```
#0b076d rgb(11,7,109)
```
#0d097f
```
#0d097f rgb(13,9,127)
```
#0e0a91
```
#0e0a91 rgb(14,10,145)
```
#100ba4
```
#100ba4 rgb(16,11,164)
```
#120cb6
```
#120cb6 rgb(18,12,182)
```
#140ec9
```
#140ec9 rgb(20,14,201)
```
#160fdb
```
#160fdb rgb(22,15,219)
```
#1810ed
```
#1810ed rgb(24,16,237)
```

Shade Color Variation

#2821f0
```
#2821f0 rgb(40,33,240)
```
#3a33f1
```
#3a33f1 rgb(58,51,241)
```
#4c46f2
```
#4c46f2 rgb(76,70,242)
```
#5d58f4
```
#5d58f4 rgb(93,88,244)
```
#6f6af5
```
#6f6af5 rgb(111,106,245)
```
#817df6
```
#817df6 rgb(129,125,246)
```
#938ff7
```
#938ff7 rgb(147,143,247)
```
#a5a2f9
```
#a5a2f9 rgb(165,162,249)
```
#b6b4fa
```
#b6b4fa rgb(182,180,250)
```
#c8c6fb
```
#c8c6fb rgb(200,198,251)
```
#dad9fc
```
#dad9fc rgb(218,217,252)
```
#ecebfe
```
#ecebfe rgb(236,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#85858c
```
#85858c rgb(133,133,140)
```
#7d7c95
```
#7d7c95 rgb(125,124,149)
```
#74739e
```
#74739e rgb(116,115,158)
```
#6c6aa7
```
#6c6aa7 rgb(108,106,167)
```
#6361b0
```
#6361b0 rgb(99,97,176)
```
#5b58b9
```
#5b58b9 rgb(91,88,185)
```
#524fc2
```
#524fc2 rgb(82,79,194)
```
#4a45cc
```
#4a45cc rgb(74,69,204)
```
#413cd5
```
#413cd5 rgb(65,60,213)
```
#3933de
```
#3933de rgb(57,51,222)
```
#302ae7
```
#302ae7 rgb(48,42,231)
```
#2821f0
```
#2821f0 rgb(40,33,240)
```
#2018f9
```
#2018f9 rgb(32,24,249)
```

Tone Color Variation

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

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

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

#2821f0 hex color

#2821f0 Color Information

#2821f0 Color Conversion

Color Schemes with #2821f0

Alternatives to #2821f0

#2821f0 Preview

Shades and Tints of #2821f0

Tones of #2821f0

Color Blindness Simulator