#0442f4 hex color

In a RGB color space, hex #0442f4 is composed of 1.6% red, 25.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 73% magenta, 0% yellow and 4.3% black. It has a hue angle of 224.5 degrees, a saturation of 96.8% and a lightness of 48.6%. #0442f4 color hex could be obtained by blending #0884ff with #0000e9. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 2
- G 26
- B 96
RGB color chart
- C 98
- M 73
- Y 0
- K 4
CMYK color chart

● #0442f4 color description : Vivid blue.

The hexadecimal color #0442f4 has RGB values of R:4, G:66, B:244 and CMYK values of C:0.98, M:0.73, Y:0, K:0.04. Its decimal value is 279284.

Hex triplet	0442f4	`#0442f4`
RGB Decimal	4, 66, 244	`rgb(4,66,244)`
RGB Percent	1.6, 25.9, 95.7	`rgb(1.6%,25.9%,95.7%)`
CMYK	98, 73, 0, 4
HSL	224.5°, 96.8, 48.6	`hsl(224.5,96.8%,48.6%)`
HSV (or HSB)	224.5°, 98.4, 95.7
Web Safe	0033ff	`#0033ff`

CIE-LAB	38.642, 53.317, -91.117
XYZ	18.324, 10.452, 86.635
xyY	0.159, 0.091, 10.452
CIE-LCH	38.642, 105.57, 300.334
CIE-LUV	38.642, -14.743, -126.636
Hunter-Lab	32.33, 44.592, -136.248
Binary	00000100, 01000010, 11110100

#0442f4
```
#0442f4 rgb(4,66,244)
```
#f4b604
```
#f4b604 rgb(244,182,4)
```

Complementary Color

#04baf4
```
#04baf4 rgb(4,186,244)
```
#0442f4
```
#0442f4 rgb(4,66,244)
```
#3e04f4
```
#3e04f4 rgb(62,4,244)
```

Analogous Color

#baf404
```
#baf404 rgb(186,244,4)
```
#0442f4
```
#0442f4 rgb(4,66,244)
```
#f43e04
```
#f43e04 rgb(244,62,4)
```

Split Complementary Color

#42f404
```
#42f404 rgb(66,244,4)
```
#0442f4
```
#0442f4 rgb(4,66,244)
```
#f40442
```
#f40442 rgb(244,4,66)
```

Triadic Color

#04f4b6
```
#04f4b6 rgb(4,244,182)
```
#0442f4
```
#0442f4 rgb(4,66,244)
```
#f40442
```
#f40442 rgb(244,4,66)
```
#f4b604
```
#f4b604 rgb(244,182,4)
```

Tetradic Color

#032ea9
```
#032ea9 rgb(3,46,169)
```
#0334c2
```
#0334c2 rgb(3,52,194)
```
#043bdb
```
#043bdb rgb(4,59,219)
```
#0442f4
```
#0442f4 rgb(4,66,244)
```
#1651fb
```
#1651fb rgb(22,81,251)
```
#2f64fc
```
#2f64fc rgb(47,100,252)
```
#4877fc
```
#4877fc rgb(72,119,252)
```

Monochromatic Color

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

#047ef4
```
#047ef4 rgb(4,126,244)
```
#046af4
```
#046af4 rgb(4,106,244)
```
#0456f4
```
#0456f4 rgb(4,86,244)
```
#0442f4
```
#0442f4 rgb(4,66,244)
```
#042ef4
```
#042ef4 rgb(4,46,244)
```
#041af4
```
#041af4 rgb(4,26,244)
```
#0406f4
```
#0406f4 rgb(4,6,244)
```

Similar Colors

Text with hexadecimal color #0442f4

This text has a font color of #0442f4.

<span style="color:#0442f4;">Text here</span>

#0442f4 background color

This paragraph has a background color of #0442f4.

<p style="background-color:#0442f4;">Content here</p>

#0442f4 border color

This element has a border color of #0442f4.

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

CSS codes

.text {color:#0442f4;}

.background {background-color:#0442f4;}

.border {border:1px solid #0442f4;}

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, #00030c is the darkest color, while #f8faff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#010920
```
#010920 rgb(1,9,32)
```
#010e33
```
#010e33 rgb(1,14,51)
```
#011346
```
#011346 rgb(1,19,70)
```
#01185a
```
#01185a rgb(1,24,90)
```
#021d6d
```
#021d6d rgb(2,29,109)
```
#022380
```
#022380 rgb(2,35,128)
```
#022894
```
#022894 rgb(2,40,148)
```
#032da7
```
#032da7 rgb(3,45,167)
```
#0332ba
```
#0332ba rgb(3,50,186)
```
#0338cd
```
#0338cd rgb(3,56,205)
```
#043de1
```
#043de1 rgb(4,61,225)
```
#0442f4
```
#0442f4 rgb(4,66,244)
```

Shade Color Variation

#114dfb
```
#114dfb rgb(17,77,251)
```
#245cfb
```
#245cfb rgb(36,92,251)
```
#376afc
```
#376afc rgb(55,106,252)
```
#4a78fc
```
#4a78fc rgb(74,120,252)
```
#5e87fc
```
#5e87fc rgb(94,135,252)
```
#7195fd
```
#7195fd rgb(113,149,253)
```
#84a3fd
```
#84a3fd rgb(132,163,253)
```
#98b2fd
```
#98b2fd rgb(152,178,253)
```
#abc0fe
```
#abc0fe rgb(171,192,254)
```
#becffe
```
#becffe rgb(190,207,254)
```
#d2ddfe
```
#d2ddfe rgb(210,221,254)
```
#e5ebff
```
#e5ebff rgb(229,235,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767982 is the less saturated color, while #0442f4 is the most saturated one.

#767982
```
#767982 rgb(118,121,130)
```
#6d758b
```
#6d758b rgb(109,117,139)
```
#637095
```
#637095 rgb(99,112,149)
```
#5a6b9e
```
#5a6b9e rgb(90,107,158)
```
#5067a8
```
#5067a8 rgb(80,103,168)
```
#4762b1
```
#4762b1 rgb(71,98,177)
```
#3d5ebb
```
#3d5ebb rgb(61,94,187)
```
#3459c4
```
#3459c4 rgb(52,89,196)
```
#2a54ce
```
#2a54ce rgb(42,84,206)
```
#2150d7
```
#2150d7 rgb(33,80,215)
```
#174be1
```
#174be1 rgb(23,75,225)
```
#0e47ea
```
#0e47ea rgb(14,71,234)
```
#0442f4
```
#0442f4 rgb(4,66,244)
```

Tone Color Variation

Below, you can see how #0442f4 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

#444444 Achromatopsia 0.005% of the population
#374467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#0155d0 Protanomaly 1% of men, 0.01% of women
#0159c0 Deuteranomaly 6% of men, 0.4% of women
#015da1 Tritanomaly 0.01% of the population

#0442f4 hex color

#0442f4 Color Information

#0442f4 Color Conversion

Color Schemes with #0442f4

Alternatives to #0442f4

#0442f4 Preview

Shades and Tints of #0442f4

Tones of #0442f4

Color Blindness Simulator