#0412ff hex color

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

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

● #0412ff color description : Vivid blue.

The hexadecimal color #0412ff has RGB values of R:4, G:18, B:255 and CMYK values of C:0.98, M:0.93, Y:0, K:0. Its decimal value is 267007.

Hex triplet	0412ff	`#0412ff`
RGB Decimal	4, 18, 255	`rgb(4,18,255)`
RGB Percent	1.6, 7.1, 100	`rgb(1.6%,7.1%,100%)`
CMYK	98, 93, 0, 0
HSL	236.7°, 100, 50.8	`hsl(236.7,100%,50.8%)`
HSV (or HSB)	236.7°, 98.4, 100
Web Safe	0000ff	`#0000ff`

CIE-LAB	33.301, 76.282, -106.189
XYZ	18.313, 7.677, 95.119
xyY	0.151, 0.063, 7.677
CIE-LCH	33.301, 130.748, 305.692
CIE-LUV	33.301, -9.932, -131.331
Hunter-Lab	27.707, 69.489, -184.146
Binary	00000100, 00010010, 11111111

#0412ff
```
#0412ff rgb(4,18,255)
```
#fff104
```
#fff104 rgb(255,241,4)
```

Complementary Color

#0490ff
```
#0490ff rgb(4,144,255)
```
#0412ff
```
#0412ff rgb(4,18,255)
```
#7404ff
```
#7404ff rgb(116,4,255)
```

Analogous Color

#90ff04
```
#90ff04 rgb(144,255,4)
```
#0412ff
```
#0412ff rgb(4,18,255)
```
#ff7404
```
#ff7404 rgb(255,116,4)
```

Split Complementary Color

#12ff04
```
#12ff04 rgb(18,255,4)
```
#0412ff
```
#0412ff rgb(4,18,255)
```
#ff0412
```
#ff0412 rgb(255,4,18)
```

Triadic Color

#04fff1
```
#04fff1 rgb(4,255,241)
```
#0412ff
```
#0412ff rgb(4,18,255)
```
#ff0412
```
#ff0412 rgb(255,4,18)
```
#fff104
```
#fff104 rgb(255,241,4)
```

Tetradic Color

#000ab7
```
#000ab7 rgb(0,10,183)
```
#000cd0
```
#000cd0 rgb(0,12,208)
```
#000dea
```
#000dea rgb(0,13,234)
```
#0412ff
```
#0412ff rgb(4,18,255)
```
#1e2aff
```
#1e2aff rgb(30,42,255)
```
#3742ff
```
#3742ff rgb(55,66,255)
```
#515aff
```
#515aff rgb(81,90,255)
```

Monochromatic Color

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

#0451ff
```
#0451ff rgb(4,81,255)
```
#043cff
```
#043cff rgb(4,60,255)
```
#0427ff
```
#0427ff rgb(4,39,255)
```
#0412ff
```
#0412ff rgb(4,18,255)
```
#0b04ff
```
#0b04ff rgb(11,4,255)
```
#2004ff
```
#2004ff rgb(32,4,255)
```
#3504ff
```
#3504ff rgb(53,4,255)
```

Similar Colors

Text with hexadecimal color #0412ff

This text has a font color of #0412ff.

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

#0412ff background color

This paragraph has a background color of #0412ff.

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

#0412ff border color

This element has a border color of #0412ff.

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

CSS codes

.text {color:#0412ff;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#000118
```
#000118 rgb(0,1,24)
```
#00022b
```
#00022b rgb(0,2,43)
```
#00043f
```
#00043f rgb(0,4,63)
```
#000552
```
#000552 rgb(0,5,82)
```
#000666
```
#000666 rgb(0,6,102)
```
#00077a
```
#00077a rgb(0,7,122)
```
#00088d
```
#00088d rgb(0,8,141)
```
#0009a1
```
#0009a1 rgb(0,9,161)
```
#000ab5
```
#000ab5 rgb(0,10,181)
```
#000bc8
```
#000bc8 rgb(0,11,200)
```
#000cdc
```
#000cdc rgb(0,12,220)
```
#000def
```
#000def rgb(0,13,239)
```

Shade Color Variation

#0412ff
```
#0412ff rgb(4,18,255)
```
#1825ff
```
#1825ff rgb(24,37,255)
```
#2b37ff
```
#2b37ff rgb(43,55,255)
```
#3f4aff
```
#3f4aff rgb(63,74,255)
```
#525cff
```
#525cff rgb(82,92,255)
```
#666fff
```
#666fff rgb(102,111,255)
```
#7a81ff
```
#7a81ff rgb(122,129,255)
```
#8d94ff
```
#8d94ff rgb(141,148,255)
```
#a1a6ff
```
#a1a6ff rgb(161,166,255)
```
#b5b9ff
```
#b5b9ff rgb(181,185,255)
```
#c8cbff
```
#c8cbff rgb(200,203,255)
```
#dcdeff
```
#dcdeff rgb(220,222,255)
```
#eff0ff
```
#eff0ff rgb(239,240,255)
```

Tint Color Variation

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

#78798b
```
#78798b rgb(120,121,139)
```
#6e7095
```
#6e7095 rgb(110,112,149)
```
#65689e
```
#65689e rgb(101,104,158)
```
#5b5fa8
```
#5b5fa8 rgb(91,95,168)
```
#5157b2
```
#5157b2 rgb(81,87,178)
```
#484ebb
```
#484ebb rgb(72,78,187)
```
#3e45c5
```
#3e45c5 rgb(62,69,197)
```
#343dcf
```
#343dcf rgb(52,61,207)
```
#2b34d8
```
#2b34d8 rgb(43,52,216)
```
#212ce2
```
#212ce2 rgb(33,44,226)
```
#1723ec
```
#1723ec rgb(23,35,236)
```
#0e1bf5
```
#0e1bf5 rgb(14,27,245)
```
#0412ff
```
#0412ff rgb(4,18,255)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#222454 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a4 Protanopia 1% of men
#005a8d Deuteranopia 1% of men
#006063 Tritanopia 0.001% of the population

Trichromacy

#013cc5 Protanomaly 1% of men, 0.01% of women
#013fb7 Deuteranomaly 6% of men, 0.4% of women
#01439c Tritanomaly 0.01% of the population

#0412ff hex color

#0412ff Color Information

#0412ff Color Conversion

Color Schemes with #0412ff

Alternatives to #0412ff

#0412ff Preview

Shades and Tints of #0412ff

Tones of #0412ff

Color Blindness Simulator