#1504ff hex color

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

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

● #1504ff color description : Vivid blue.

The hexadecimal color #1504ff has RGB values of R:21, G:4, B:255 and CMYK values of C:0.92, M:0.98, Y:0, K:0. Its decimal value is 1377535.

Hex triplet	1504ff	`#1504ff`
RGB Decimal	21, 4, 255	`rgb(21,4,255)`
RGB Percent	8.2, 1.6, 100	`rgb(8.2%,1.6%,100%)`
CMYK	92, 98, 0, 0
HSL	244.1°, 100, 50.8	`hsl(244.1,100%,50.8%)`
HSV (or HSB)	244.1°, 98.4, 100
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.843, 78.71, -106.948
XYZ	18.399, 7.465, 95.073
xyY	0.152, 0.062, 7.465
CIE-LCH	32.843, 132.79, 306.352
CIE-LUV	32.843, -8.86, -130.937
Hunter-Lab	27.322, 72.392, -187.189
Binary	00010101, 00000100, 11111111

#1504ff
```
#1504ff rgb(21,4,255)
```
#eeff04
```
#eeff04 rgb(238,255,4)
```

Complementary Color

#0471ff
```
#0471ff rgb(4,113,255)
```
#1504ff
```
#1504ff rgb(21,4,255)
```
#9304ff
```
#9304ff rgb(147,4,255)
```

Analogous Color

#71ff04
```
#71ff04 rgb(113,255,4)
```
#1504ff
```
#1504ff rgb(21,4,255)
```
#ff9304
```
#ff9304 rgb(255,147,4)
```

Split Complementary Color

#04ff15
```
#04ff15 rgb(4,255,21)
```
#1504ff
```
#1504ff rgb(21,4,255)
```
#ff1504
```
#ff1504 rgb(255,21,4)
```

Triadic Color

#04eeff
```
#04eeff rgb(4,238,255)
```
#1504ff
```
#1504ff rgb(21,4,255)
```
#ff1504
```
#ff1504 rgb(255,21,4)
```
#eeff04
```
#eeff04 rgb(238,255,4)
```

Tetradic Color

#0c00b7
```
#0c00b7 rgb(12,0,183)
```
#0e00d0
```
#0e00d0 rgb(14,0,208)
```
#1000ea
```
#1000ea rgb(16,0,234)
```
#1504ff
```
#1504ff rgb(21,4,255)
```
#2d1eff
```
#2d1eff rgb(45,30,255)
```
#4537ff
```
#4537ff rgb(69,55,255)
```
#5c51ff
```
#5c51ff rgb(92,81,255)
```

Monochromatic Color

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

#0432ff
```
#0432ff rgb(4,50,255)
```
#041dff
```
#041dff rgb(4,29,255)
```
#0408ff
```
#0408ff rgb(4,8,255)
```
#1504ff
```
#1504ff rgb(21,4,255)
```
#2a04ff
```
#2a04ff rgb(42,4,255)
```
#3f04ff
```
#3f04ff rgb(63,4,255)
```
#5404ff
```
#5404ff rgb(84,4,255)
```

Similar Colors

Text with hexadecimal color #1504ff

This text has a font color of #1504ff.

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

#1504ff background color

This paragraph has a background color of #1504ff.

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

#1504ff border color

This element has a border color of #1504ff.

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

CSS codes

.text {color:#1504ff;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#020018
```
#020018 rgb(2,0,24)
```
#03002b
```
#03002b rgb(3,0,43)
```
#04003f
```
#04003f rgb(4,0,63)
```
#060052
```
#060052 rgb(6,0,82)
```
#070066
```
#070066 rgb(7,0,102)
```
#08007a
```
#08007a rgb(8,0,122)
```
#0a008d
```
#0a008d rgb(10,0,141)
```
#0b00a1
```
#0b00a1 rgb(11,0,161)
```
#0c00b5
```
#0c00b5 rgb(12,0,181)
```
#0e00c8
```
#0e00c8 rgb(14,0,200)
```
#0f00dc
```
#0f00dc rgb(15,0,220)
```
#1000ef
```
#1000ef rgb(16,0,239)
```

Shade Color Variation

#1504ff
```
#1504ff rgb(21,4,255)
```
#2718ff
```
#2718ff rgb(39,24,255)
```
#3a2bff
```
#3a2bff rgb(58,43,255)
```
#4c3fff
```
#4c3fff rgb(76,63,255)
```
#5e52ff
```
#5e52ff rgb(94,82,255)
```
#7066ff
```
#7066ff rgb(112,102,255)
```
#837aff
```
#837aff rgb(131,122,255)
```
#958dff
```
#958dff rgb(149,141,255)
```
#a7a1ff
```
#a7a1ff rgb(167,161,255)
```
#bab5ff
```
#bab5ff rgb(186,181,255)
```
#ccc8ff
```
#ccc8ff rgb(204,200,255)
```
#dedcff
```
#dedcff rgb(222,220,255)
```
#f0efff
```
#f0efff rgb(240,239,255)
```

Tint Color Variation

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

#79788b
```
#79788b rgb(121,120,139)
```
#716e95
```
#716e95 rgb(113,110,149)
```
#68659e
```
#68659e rgb(104,101,158)
```
#605ba8
```
#605ba8 rgb(96,91,168)
```
#5851b2
```
#5851b2 rgb(88,81,178)
```
#4f48bb
```
#4f48bb rgb(79,72,187)
```
#473ec5
```
#473ec5 rgb(71,62,197)
```
#3f34cf
```
#3f34cf rgb(63,52,207)
```
#362bd8
```
#362bd8 rgb(54,43,216)
```
#2e21e2
```
#2e21e2 rgb(46,33,226)
```
#2617ec
```
#2617ec rgb(38,23,236)
```
#1d0ef5
```
#1d0ef5 rgb(29,14,245)
```
#1504ff
```
#1504ff rgb(21,4,255)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#231f51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a2 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f62 Tritanopia 0.001% of the population

Trichromacy

#0737c4 Protanomaly 1% of men, 0.01% of women
#073ab5 Deuteranomaly 6% of men, 0.4% of women
#073e9b Tritanomaly 0.01% of the population

#1504ff hex color

#1504ff Color Information

#1504ff Color Conversion

Color Schemes with #1504ff

Alternatives to #1504ff

#1504ff Preview

Shades and Tints of #1504ff

Tones of #1504ff

Color Blindness Simulator