#2820f5 hex color

In a RGB color space, hex #2820f5 is composed of 15.7% red, 12.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 86.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 242.3 degrees, a saturation of 91.4% and a lightness of 54.3%. #2820f5 color hex could be obtained by blending #5040ff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 16
- G 13
- B 96
RGB color chart
- C 84
- M 87
- Y 0
- K 4
CMYK color chart

● #2820f5 color description : Vivid blue.

The hexadecimal color #2820f5 has RGB values of R:40, G:32, B:245 and CMYK values of C:0.84, M:0.87, Y:0, K:0.04. Its decimal value is 2629877.

Hex triplet	2820f5	`#2820f5`
RGB Decimal	40, 32, 245	`rgb(40,32,245)`
RGB Percent	15.7, 12.5, 96.1	`rgb(15.7%,12.5%,96.1%)`
CMYK	84, 87, 0, 4
HSL	242.3°, 91.4, 54.3	`hsl(242.3,91.4%,54.3%)`
HSV (or HSB)	242.3°, 86.9, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.14, 70.319, -99.139
XYZ	17.87, 8.075, 86.998
xyY	0.158, 0.072, 8.075
CIE-LCH	34.14, 121.545, 305.348
CIE-LUV	34.14, -8.495, -127.213
Hunter-Lab	28.417, 62.516, -161.621
Binary	00101000, 00100000, 11110101

#2820f5
```
#2820f5 rgb(40,32,245)
```
#edf520
```
#edf520 rgb(237,245,32)
```

Complementary Color

#2083f5
```
#2083f5 rgb(32,131,245)
```
#2820f5
```
#2820f5 rgb(40,32,245)
```
#9320f5
```
#9320f5 rgb(147,32,245)
```

Analogous Color

#83f520
```
#83f520 rgb(131,245,32)
```
#2820f5
```
#2820f5 rgb(40,32,245)
```
#f59320
```
#f59320 rgb(245,147,32)
```

Split Complementary Color

#20f528
```
#20f528 rgb(32,245,40)
```
#2820f5
```
#2820f5 rgb(40,32,245)
```
#f52820
```
#f52820 rgb(245,40,32)
```

Triadic Color

#20edf5
```
#20edf5 rgb(32,237,245)
```
#2820f5
```
#2820f5 rgb(40,32,245)
```
#f52820
```
#f52820 rgb(245,40,32)
```
#edf520
```
#edf520 rgb(237,245,32)
```

Tetradic Color

#0f09c0
```
#0f09c0 rgb(15,9,192)
```
#110ad8
```
#110ad8 rgb(17,10,216)
```
#130bf1
```
#130bf1 rgb(19,11,241)
```
#2820f5
```
#2820f5 rgb(40,32,245)
```
#4038f6
```
#4038f6 rgb(64,56,246)
```
#5751f7
```
#5751f7 rgb(87,81,247)
```
#6f69f8
```
#6f69f8 rgb(111,105,248)
```

Monochromatic Color

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

#204df5
```
#204df5 rgb(32,77,245)
```
#203cf5
```
#203cf5 rgb(32,60,245)
```
#202af5
```
#202af5 rgb(32,42,245)
```
#2820f5
```
#2820f5 rgb(40,32,245)
```
#3a20f5
```
#3a20f5 rgb(58,32,245)
```
#4c20f5
```
#4c20f5 rgb(76,32,245)
```
#5d20f5
```
#5d20f5 rgb(93,32,245)
```

Similar Colors

Text with hexadecimal color #2820f5

This text has a font color of #2820f5.

<span style="color:#2820f5;">Text here</span>

#2820f5 background color

This paragraph has a background color of #2820f5.

<p style="background-color:#2820f5;">Content here</p>

#2820f5 border color

This element has a border color of #2820f5.

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

CSS codes

.text {color:#2820f5;}

.background {background-color:#2820f5;}

.border {border:1px solid #2820f5;}

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 #efeffe is the lightest one.

#000002
```
#000002 rgb(0,0,2)
```
#020115
```
#020115 rgb(2,1,21)
```
#030228
```
#030228 rgb(3,2,40)
```
#05033b
```
#05033b rgb(5,3,59)
```
#06034d
```
#06034d rgb(6,3,77)
```
#080460
```
#080460 rgb(8,4,96)
```
#090573
```
#090573 rgb(9,5,115)
```
#0b0686
```
#0b0686 rgb(11,6,134)
```
#0c0798
```
#0c0798 rgb(12,7,152)
```
#0e08ab
```
#0e08ab rgb(14,8,171)
```
#0f09be
```
#0f09be rgb(15,9,190)
```
#1109d1
```
#1109d1 rgb(17,9,209)
```
#120ae4
```
#120ae4 rgb(18,10,228)
```

Shade Color Variation

#160df4
```
#160df4 rgb(22,13,244)
```
#2820f5
```
#2820f5 rgb(40,32,245)
```
#3a33f6
```
#3a33f6 rgb(58,51,246)
```
#4c46f7
```
#4c46f7 rgb(76,70,247)
```
#5e58f8
```
#5e58f8 rgb(94,88,248)
```
#706bf8
```
#706bf8 rgb(112,107,248)
```
#837ef9
```
#837ef9 rgb(131,126,249)
```
#9591fa
```
#9591fa rgb(149,145,250)
```
#a7a3fb
```
#a7a3fb rgb(167,163,251)
```
#b9b6fc
```
#b9b6fc rgb(185,182,252)
```
#cbc9fd
```
#cbc9fd rgb(203,201,253)
```
#dddcfd
```
#dddcfd rgb(221,220,253)
```
#efeffe
```
#efeffe rgb(239,239,254)
```

Tint Color Variation

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

#838392
```
#838392 rgb(131,131,146)
```
#7b7a9b
```
#7b7a9b rgb(123,122,155)
```
#7371a4
```
#7371a4 rgb(115,113,164)
```
#6a68ad
```
#6a68ad rgb(106,104,173)
```
#625fb6
```
#625fb6 rgb(98,95,182)
```
#5a56bf
```
#5a56bf rgb(90,86,191)
```
#514dc8
```
#514dc8 rgb(81,77,200)
```
#4944d1
```
#4944d1 rgb(73,68,209)
```
#413bda
```
#413bda rgb(65,59,218)
```
#3932e3
```
#3932e3 rgb(57,50,227)
```
#3029ec
```
#3029ec rgb(48,41,236)
```
#2820f5
```
#2820f5 rgb(40,32,245)
```
#2017fe
```
#2017fe rgb(32,23,254)
```

Tone Color Variation

Below, you can see how #2820f5 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
#373660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0e42c4 Protanomaly 1% of men, 0.01% of women
#0e46b5 Deuteranomaly 6% of men, 0.4% of women
#0e4a9a Tritanomaly 0.01% of the population

#2820f5 hex color

#2820f5 Color Information

#2820f5 Color Conversion

Color Schemes with #2820f5

Alternatives to #2820f5

#2820f5 Preview

Shades and Tints of #2820f5

Tones of #2820f5

Color Blindness Simulator