#1404ff hex color

In a RGB color space, hex #1404ff is composed of 7.8% red, 1.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.2% cyan, 98.4% magenta, 0% yellow and 0% black. It has a hue angle of 243.8 degrees, a saturation of 100% and a lightness of 50.8%. #1404ff color hex could be obtained by blending #2808ff 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

● #1404ff color description : Vivid blue.

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

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

CIE-LAB	32.819, 78.702, -106.988
XYZ	18.378, 7.454, 95.072
xyY	0.152, 0.062, 7.454
CIE-LCH	32.819, 132.817, 306.339
CIE-LUV	32.819, -8.906, -130.913
Hunter-Lab	27.302, 72.377, -187.349
Binary	00010100, 00000100, 11111111

#1404ff
```
#1404ff rgb(20,4,255)
```
#efff04
```
#efff04 rgb(239,255,4)
```

Complementary Color

#0472ff
```
#0472ff rgb(4,114,255)
```
#1404ff
```
#1404ff rgb(20,4,255)
```
#9204ff
```
#9204ff rgb(146,4,255)
```

Analogous Color

#72ff04
```
#72ff04 rgb(114,255,4)
```
#1404ff
```
#1404ff rgb(20,4,255)
```
#ff9204
```
#ff9204 rgb(255,146,4)
```

Split Complementary Color

#04ff14
```
#04ff14 rgb(4,255,20)
```
#1404ff
```
#1404ff rgb(20,4,255)
```
#ff1404
```
#ff1404 rgb(255,20,4)
```

Triadic Color

#04efff
```
#04efff rgb(4,239,255)
```
#1404ff
```
#1404ff rgb(20,4,255)
```
#ff1404
```
#ff1404 rgb(255,20,4)
```
#efff04
```
#efff04 rgb(239,255,4)
```

Tetradic Color

#0c00b7
```
#0c00b7 rgb(12,0,183)
```
#0d00d0
```
#0d00d0 rgb(13,0,208)
```
#0f00ea
```
#0f00ea rgb(15,0,234)
```
#1404ff
```
#1404ff rgb(20,4,255)
```
#2c1eff
```
#2c1eff rgb(44,30,255)
```
#4437ff
```
#4437ff rgb(68,55,255)
```
#5c51ff
```
#5c51ff rgb(92,81,255)
```

Monochromatic Color

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

#0433ff
```
#0433ff rgb(4,51,255)
```
#041eff
```
#041eff rgb(4,30,255)
```
#0409ff
```
#0409ff rgb(4,9,255)
```
#1404ff
```
#1404ff rgb(20,4,255)
```
#2904ff
```
#2904ff rgb(41,4,255)
```
#3e04ff
```
#3e04ff rgb(62,4,255)
```
#5304ff
```
#5304ff rgb(83,4,255)
```

Similar Colors

Text with hexadecimal color #1404ff

This text has a font color of #1404ff.

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

#1404ff background color

This paragraph has a background color of #1404ff.

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

#1404ff border color

This element has a border color of #1404ff.

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

CSS codes

.text {color:#1404ff;}

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

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

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)
```
#050052
```
#050052 rgb(5,0,82)
```
#070066
```
#070066 rgb(7,0,102)
```
#08007a
```
#08007a rgb(8,0,122)
```
#09008d
```
#09008d rgb(9,0,141)
```
#0a00a1
```
#0a00a1 rgb(10,0,161)
```
#0c00b5
```
#0c00b5 rgb(12,0,181)
```
#0d00c8
```
#0d00c8 rgb(13,0,200)
```
#0e00dc
```
#0e00dc rgb(14,0,220)
```
#0f00ef
```
#0f00ef rgb(15,0,239)
```

Shade Color Variation

#1404ff
```
#1404ff rgb(20,4,255)
```
#2618ff
```
#2618ff rgb(38,24,255)
```
#392bff
```
#392bff rgb(57,43,255)
```
#4b3fff
```
#4b3fff rgb(75,63,255)
```
#5d52ff
```
#5d52ff rgb(93,82,255)
```
#7066ff
```
#7066ff rgb(112,102,255)
```
#827aff
```
#827aff rgb(130,122,255)
```
#958dff
```
#958dff rgb(149,141,255)
```
#a7a1ff
```
#a7a1ff rgb(167,161,255)
```
#b9b5ff
```
#b9b5ff rgb(185,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 #1404ff 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)
```
#5751b2
```
#5751b2 rgb(87,81,178)
```
#4f48bb
```
#4f48bb rgb(79,72,187)
```
#473ec5
```
#473ec5 rgb(71,62,197)
```
#3e34cf
```
#3e34cf rgb(62,52,207)
```
#362bd8
```
#362bd8 rgb(54,43,216)
```
#2d21e2
```
#2d21e2 rgb(45,33,226)
```
#2517ec
```
#2517ec rgb(37,23,236)
```
#1c0ef5
```
#1c0ef5 rgb(28,14,245)
```
#1404ff
```
#1404ff rgb(20,4,255)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#221e51 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

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

#1404ff hex color

#1404ff Color Information

#1404ff Color Conversion

Color Schemes with #1404ff

Alternatives to #1404ff

#1404ff Preview

Shades and Tints of #1404ff

Tones of #1404ff

Color Blindness Simulator