#3004ff hex color

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

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

● #3004ff color description : Vivid blue.

The hexadecimal color #3004ff has RGB values of R:48, G:4, B:255 and CMYK values of C:0.81, M:0.98, Y:0, K:0. Its decimal value is 3147007.

Hex triplet	3004ff	`#3004ff`
RGB Decimal	48, 4, 255	`rgb(48,4,255)`
RGB Percent	18.8, 1.6, 100	`rgb(18.8%,1.6%,100%)`
CMYK	81, 98, 0, 0
HSL	250.5°, 100, 50.8	`hsl(250.5,100%,50.8%)`
HSV (or HSB)	250.5°, 98.4, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.845, 79.08, -105.249
XYZ	19.309, 7.934, 95.116
xyY	0.158, 0.065, 7.934
CIE-LCH	33.845, 131.647, 306.92
CIE-LUV	33.845, -6.836, -131.905
Hunter-Lab	28.167, 73.07, -180.495
Binary	00110000, 00000100, 11111111

#3004ff
```
#3004ff rgb(48,4,255)
```
#d3ff04
```
#d3ff04 rgb(211,255,4)
```

Complementary Color

#0456ff
```
#0456ff rgb(4,86,255)
```
#3004ff
```
#3004ff rgb(48,4,255)
```
#ae04ff
```
#ae04ff rgb(174,4,255)
```

Analogous Color

#56ff04
```
#56ff04 rgb(86,255,4)
```
#3004ff
```
#3004ff rgb(48,4,255)
```
#ffae04
```
#ffae04 rgb(255,174,4)
```

Split Complementary Color

#04ff30
```
#04ff30 rgb(4,255,48)
```
#3004ff
```
#3004ff rgb(48,4,255)
```
#ff3004
```
#ff3004 rgb(255,48,4)
```

Triadic Color

#04d3ff
```
#04d3ff rgb(4,211,255)
```
#3004ff
```
#3004ff rgb(48,4,255)
```
#ff3004
```
#ff3004 rgb(255,48,4)
```
#d3ff04
```
#d3ff04 rgb(211,255,4)
```

Tetradic Color

#2000b7
```
#2000b7 rgb(32,0,183)
```
#2400d0
```
#2400d0 rgb(36,0,208)
```
#2900ea
```
#2900ea rgb(41,0,234)
```
#3004ff
```
#3004ff rgb(48,4,255)
```
#451eff
```
#451eff rgb(69,30,255)
```
#5a37ff
```
#5a37ff rgb(90,55,255)
```
#6f51ff
```
#6f51ff rgb(111,81,255)
```

Monochromatic Color

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

#0417ff
```
#0417ff rgb(4,23,255)
```
#0604ff
```
#0604ff rgb(6,4,255)
```
#1b04ff
```
#1b04ff rgb(27,4,255)
```
#3004ff
```
#3004ff rgb(48,4,255)
```
#4504ff
```
#4504ff rgb(69,4,255)
```
#5a04ff
```
#5a04ff rgb(90,4,255)
```
#6f04ff
```
#6f04ff rgb(111,4,255)
```

Similar Colors

Text with hexadecimal color #3004ff

This text has a font color of #3004ff.

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

#3004ff background color

This paragraph has a background color of #3004ff.

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

#3004ff border color

This element has a border color of #3004ff.

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

CSS codes

.text {color:#3004ff;}

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

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

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)
```
#040018
```
#040018 rgb(4,0,24)
```
#08002b
```
#08002b rgb(8,0,43)
```
#0b003f
```
#0b003f rgb(11,0,63)
```
#0e0052
```
#0e0052 rgb(14,0,82)
```
#120066
```
#120066 rgb(18,0,102)
```
#15007a
```
#15007a rgb(21,0,122)
```
#19008d
```
#19008d rgb(25,0,141)
```
#1c00a1
```
#1c00a1 rgb(28,0,161)
```
#2000b5
```
#2000b5 rgb(32,0,181)
```
#2300c8
```
#2300c8 rgb(35,0,200)
```
#2700dc
```
#2700dc rgb(39,0,220)
```
#2a00ef
```
#2a00ef rgb(42,0,239)
```

Shade Color Variation

#3004ff
```
#3004ff rgb(48,4,255)
```
#4018ff
```
#4018ff rgb(64,24,255)
```
#502bff
```
#502bff rgb(80,43,255)
```
#613fff
```
#613fff rgb(97,63,255)
```
#7152ff
```
#7152ff rgb(113,82,255)
```
#8166ff
```
#8166ff rgb(129,102,255)
```
#917aff
```
#917aff rgb(145,122,255)
```
#a18dff
```
#a18dff rgb(161,141,255)
```
#b1a1ff
```
#b1a1ff rgb(177,161,255)
```
#c2b5ff
```
#c2b5ff rgb(194,181,255)
```
#d2c8ff
```
#d2c8ff rgb(210,200,255)
```
#e2dcff
```
#e2dcff rgb(226,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 #3004ff is the most saturated one.

#7b788b
```
#7b788b rgb(123,120,139)
```
#756e95
```
#756e95 rgb(117,110,149)
```
#6f659e
```
#6f659e rgb(111,101,158)
```
#685ba8
```
#685ba8 rgb(104,91,168)
```
#6251b2
```
#6251b2 rgb(98,81,178)
```
#5c48bb
```
#5c48bb rgb(92,72,187)
```
#563ec5
```
#563ec5 rgb(86,62,197)
```
#4f34cf
```
#4f34cf rgb(79,52,207)
```
#492bd8
```
#492bd8 rgb(73,43,216)
```
#4321e2
```
#4321e2 rgb(67,33,226)
```
#3d17ec
```
#3d17ec rgb(61,23,236)
```
#360ef5
```
#360ef5 rgb(54,14,245)
```
#3004ff
```
#3004ff rgb(48,4,255)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2e2658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#1138c7 Protanomaly 1% of men, 0.01% of women
#113bb8 Deuteranomaly 6% of men, 0.4% of women
#113f9d Tritanomaly 0.01% of the population

#3004ff hex color

#3004ff Color Information

#3004ff Color Conversion

Color Schemes with #3004ff

Alternatives to #3004ff

#3004ff Preview

Shades and Tints of #3004ff

Tones of #3004ff

Color Blindness Simulator