#042aff hex color

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

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

● #042aff color description : Vivid blue.

The hexadecimal color #042aff has RGB values of R:4, G:42, B:255 and CMYK values of C:0.98, M:0.84, Y:0, K:0. Its decimal value is 273151.

Hex triplet	042aff	`#042aff`
RGB Decimal	4, 42, 255	`rgb(4,42,255)`
RGB Percent	1.6, 16.5, 100	`rgb(1.6%,16.5%,100%)`
CMYK	98, 84, 0, 0
HSL	230.9°, 100, 50.8	`hsl(230.9,100%,50.8%)`
HSV (or HSB)	230.9°, 98.4, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.791, 68.726, -102.031
XYZ	18.924, 8.9, 95.323
xyY	0.154, 0.072, 8.9
CIE-LCH	35.791, 123.019, 303.963
CIE-LUV	35.791, -11.711, -132.896
Hunter-Lab	29.833, 61.021, -168.559
Binary	00000100, 00101010, 11111111

#042aff
```
#042aff rgb(4,42,255)
```
#ffd904
```
#ffd904 rgb(255,217,4)
```

Complementary Color

#04a8ff
```
#04a8ff rgb(4,168,255)
```
#042aff
```
#042aff rgb(4,42,255)
```
#5b04ff
```
#5b04ff rgb(91,4,255)
```

Analogous Color

#a8ff04
```
#a8ff04 rgb(168,255,4)
```
#042aff
```
#042aff rgb(4,42,255)
```
#ff5b04
```
#ff5b04 rgb(255,91,4)
```

Split Complementary Color

#2aff04
```
#2aff04 rgb(42,255,4)
```
#042aff
```
#042aff rgb(4,42,255)
```
#ff042a
```
#ff042a rgb(255,4,42)
```

Triadic Color

#04ffd9
```
#04ffd9 rgb(4,255,217)
```
#042aff
```
#042aff rgb(4,42,255)
```
#ff042a
```
#ff042a rgb(255,4,42)
```
#ffd904
```
#ffd904 rgb(255,217,4)
```

Tetradic Color

#001cb7
```
#001cb7 rgb(0,28,183)
```
#001fd0
```
#001fd0 rgb(0,31,208)
```
#0023ea
```
#0023ea rgb(0,35,234)
```
#042aff
```
#042aff rgb(4,42,255)
```
#1e40ff
```
#1e40ff rgb(30,64,255)
```
#3755ff
```
#3755ff rgb(55,85,255)
```
#516bff
```
#516bff rgb(81,107,255)
```

Monochromatic Color

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

#0469ff
```
#0469ff rgb(4,105,255)
```
#0454ff
```
#0454ff rgb(4,84,255)
```
#043fff
```
#043fff rgb(4,63,255)
```
#042aff
```
#042aff rgb(4,42,255)
```
#0415ff
```
#0415ff rgb(4,21,255)
```
#0804ff
```
#0804ff rgb(8,4,255)
```
#1d04ff
```
#1d04ff rgb(29,4,255)
```

Similar Colors

Text with hexadecimal color #042aff

This text has a font color of #042aff.

<span style="color:#042aff;">Text here</span>

#042aff background color

This paragraph has a background color of #042aff.

<p style="background-color:#042aff;">Content here</p>

#042aff border color

This element has a border color of #042aff.

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

CSS codes

.text {color:#042aff;}

.background {background-color:#042aff;}

.border {border:1px solid #042aff;}

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

#000104
```
#000104 rgb(0,1,4)
```
#000418
```
#000418 rgb(0,4,24)
```
#00072b
```
#00072b rgb(0,7,43)
```
#000a3f
```
#000a3f rgb(0,10,63)
```
#000c52
```
#000c52 rgb(0,12,82)
```
#000f66
```
#000f66 rgb(0,15,102)
```
#00127a
```
#00127a rgb(0,18,122)
```
#00158d
```
#00158d rgb(0,21,141)
```
#0018a1
```
#0018a1 rgb(0,24,161)
```
#001bb5
```
#001bb5 rgb(0,27,181)
```
#001ec8
```
#001ec8 rgb(0,30,200)
```
#0021dc
```
#0021dc rgb(0,33,220)
```
#0024ef
```
#0024ef rgb(0,36,239)
```

Shade Color Variation

#042aff
```
#042aff rgb(4,42,255)
```
#183bff
```
#183bff rgb(24,59,255)
```
#2b4bff
```
#2b4bff rgb(43,75,255)
```
#3f5cff
```
#3f5cff rgb(63,92,255)
```
#526dff
```
#526dff rgb(82,109,255)
```
#667dff
```
#667dff rgb(102,125,255)
```
#7a8eff
```
#7a8eff rgb(122,142,255)
```
#8d9fff
```
#8d9fff rgb(141,159,255)
```
#a1afff
```
#a1afff rgb(161,175,255)
```
#b5c0ff
```
#b5c0ff rgb(181,192,255)
```
#c8d0ff
```
#c8d0ff rgb(200,208,255)
```
#dce1ff
```
#dce1ff rgb(220,225,255)
```
#eff2ff
```
#eff2ff rgb(239,242,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b8b is the less saturated color, while #042aff is the most saturated one.

#787b8b
```
#787b8b rgb(120,123,139)
```
#6e7495
```
#6e7495 rgb(110,116,149)
```
#656d9e
```
#656d9e rgb(101,109,158)
```
#5b67a8
```
#5b67a8 rgb(91,103,168)
```
#5160b2
```
#5160b2 rgb(81,96,178)
```
#4859bb
```
#4859bb rgb(72,89,187)
```
#3e52c5
```
#3e52c5 rgb(62,82,197)
```
#344ccf
```
#344ccf rgb(52,76,207)
```
#2b45d8
```
#2b45d8 rgb(43,69,216)
```
#213ee2
```
#213ee2 rgb(33,62,226)
```
#1737ec
```
#1737ec rgb(23,55,236)
```
#0e31f5
```
#0e31f5 rgb(14,49,245)
```
#042aff
```
#042aff rgb(4,42,255)
```

Tone Color Variation

Below, you can see how #042aff 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

#373737 Achromatopsia 0.005% of the population
#2d345f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#0148cc Protanomaly 1% of men, 0.01% of women
#014cbc Deuteranomaly 6% of men, 0.4% of women
#0150a0 Tritanomaly 0.01% of the population

#042aff hex color

#042aff Color Information

#042aff Color Conversion

Color Schemes with #042aff

Alternatives to #042aff

#042aff Preview

Shades and Tints of #042aff

Tones of #042aff

Color Blindness Simulator