#2804ff hex color

In a RGB color space, hex #2804ff is composed of 15.7% red, 1.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 98.4% magenta, 0% yellow and 0% black. It has a hue angle of 248.6 degrees, a saturation of 100% and a lightness of 50.8%. #2804ff color hex could be obtained by blending #5008ff with #0000ff. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 16
- G 2
- B 100
RGB color chart
- C 84
- M 98
- Y 0
- K 0
CMYK color chart

● #2804ff color description : Vivid blue.

The hexadecimal color #2804ff has RGB values of R:40, G:4, B:255 and CMYK values of C:0.84, M:0.98, Y:0, K:0. Its decimal value is 2622719.

Hex triplet	2804ff	`#2804ff`
RGB Decimal	40, 4, 255	`rgb(40,4,255)`
RGB Percent	15.7, 1.6, 100	`rgb(15.7%,1.6%,100%)`
CMYK	84, 98, 0, 0
HSL	248.6°, 100, 50.8	`hsl(248.6,100%,50.8%)`
HSV (or HSB)	248.6°, 98.4, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.471, 78.937, -105.883
XYZ	18.965, 7.757, 95.1
xyY	0.156, 0.064, 7.757
CIE-LCH	33.471, 132.069, 306.705
CIE-LUV	33.471, -7.608, -131.565
Hunter-Lab	27.851, 72.811, -182.958
Binary	00101000, 00000100, 11111111

#2804ff
```
#2804ff rgb(40,4,255)
```
#dbff04
```
#dbff04 rgb(219,255,4)
```

Complementary Color

#045eff
```
#045eff rgb(4,94,255)
```
#2804ff
```
#2804ff rgb(40,4,255)
```
#a604ff
```
#a604ff rgb(166,4,255)
```

Analogous Color

#5eff04
```
#5eff04 rgb(94,255,4)
```
#2804ff
```
#2804ff rgb(40,4,255)
```
#ffa604
```
#ffa604 rgb(255,166,4)
```

Split Complementary Color

#04ff28
```
#04ff28 rgb(4,255,40)
```
#2804ff
```
#2804ff rgb(40,4,255)
```
#ff2804
```
#ff2804 rgb(255,40,4)
```

Triadic Color

#04dbff
```
#04dbff rgb(4,219,255)
```
#2804ff
```
#2804ff rgb(40,4,255)
```
#ff2804
```
#ff2804 rgb(255,40,4)
```
#dbff04
```
#dbff04 rgb(219,255,4)
```

Tetradic Color

#1a00b7
```
#1a00b7 rgb(26,0,183)
```
#1e00d0
```
#1e00d0 rgb(30,0,208)
```
#2100ea
```
#2100ea rgb(33,0,234)
```
#2804ff
```
#2804ff rgb(40,4,255)
```
#3e1eff
```
#3e1eff rgb(62,30,255)
```
#5437ff
```
#5437ff rgb(84,55,255)
```
#6a51ff
```
#6a51ff rgb(106,81,255)
```

Monochromatic Color

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

#041fff
```
#041fff rgb(4,31,255)
```
#040aff
```
#040aff rgb(4,10,255)
```
#1304ff
```
#1304ff rgb(19,4,255)
```
#2804ff
```
#2804ff rgb(40,4,255)
```
#3d04ff
```
#3d04ff rgb(61,4,255)
```
#5204ff
```
#5204ff rgb(82,4,255)
```
#6704ff
```
#6704ff rgb(103,4,255)
```

Similar Colors

Text with hexadecimal color #2804ff

This text has a font color of #2804ff.

<span style="color:#2804ff;">Text here</span>

#2804ff background color

This paragraph has a background color of #2804ff.

<p style="background-color:#2804ff;">Content here</p>

#2804ff border color

This element has a border color of #2804ff.

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

CSS codes

.text {color:#2804ff;}

.background {background-color:#2804ff;}

.border {border:1px solid #2804ff;}

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

#010004
```
#010004 rgb(1,0,4)
```
#030018
```
#030018 rgb(3,0,24)
```
#06002b
```
#06002b rgb(6,0,43)
```
#09003f
```
#09003f rgb(9,0,63)
```
#0c0052
```
#0c0052 rgb(12,0,82)
```
#0f0066
```
#0f0066 rgb(15,0,102)
```
#11007a
```
#11007a rgb(17,0,122)
```
#14008d
```
#14008d rgb(20,0,141)
```
#1700a1
```
#1700a1 rgb(23,0,161)
```
#1a00b5
```
#1a00b5 rgb(26,0,181)
```
#1d00c8
```
#1d00c8 rgb(29,0,200)
```
#2000dc
```
#2000dc rgb(32,0,220)
```
#2200ef
```
#2200ef rgb(34,0,239)
```

Shade Color Variation

#2804ff
```
#2804ff rgb(40,4,255)
```
#3918ff
```
#3918ff rgb(57,24,255)
```
#4a2bff
```
#4a2bff rgb(74,43,255)
```
#5a3fff
```
#5a3fff rgb(90,63,255)
```
#6b52ff
```
#6b52ff rgb(107,82,255)
```
#7c66ff
```
#7c66ff rgb(124,102,255)
```
#8d7aff
```
#8d7aff rgb(141,122,255)
```
#9e8dff
```
#9e8dff rgb(158,141,255)
```
#aea1ff
```
#aea1ff rgb(174,161,255)
```
#bfb5ff
```
#bfb5ff rgb(191,181,255)
```
#d0c8ff
```
#d0c8ff rgb(208,200,255)
```
#e1dcff
```
#e1dcff rgb(225,220,255)
```
#f2efff
```
#f2efff rgb(242,239,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b788b is the less saturated color, while #2804ff is the most saturated one.

#7b788b
```
#7b788b rgb(123,120,139)
```
#746e95
```
#746e95 rgb(116,110,149)
```
#6d659e
```
#6d659e rgb(109,101,158)
```
#665ba8
```
#665ba8 rgb(102,91,168)
```
#5f51b2
```
#5f51b2 rgb(95,81,178)
```
#5848bb
```
#5848bb rgb(88,72,187)
```
#513ec5
```
#513ec5 rgb(81,62,197)
```
#4a34cf
```
#4a34cf rgb(74,52,207)
```
#442bd8
```
#442bd8 rgb(68,43,216)
```
#3d21e2
```
#3d21e2 rgb(61,33,226)
```
#3617ec
```
#3617ec rgb(54,23,236)
```
#2f0ef5
```
#2f0ef5 rgb(47,14,245)
```
#2804ff
```
#2804ff rgb(40,4,255)
```

Tone Color Variation

Below, you can see how #2804ff 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

#2b2b2b Achromatopsia 0.005% of the population
#2a2355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0e37c6 Protanomaly 1% of men, 0.01% of women
#0e3bb7 Deuteranomaly 6% of men, 0.4% of women
#0e3f9c Tritanomaly 0.01% of the population

#2804ff hex color

#2804ff Color Information

#2804ff Color Conversion

Color Schemes with #2804ff

Alternatives to #2804ff

#2804ff Preview

Shades and Tints of #2804ff

Tones of #2804ff

Color Blindness Simulator