#042fdf hex color

In a RGB color space, hex #042fdf is composed of 1.6% red, 18.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 78.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 228.2 degrees, a saturation of 96.5% and a lightness of 44.5%. #042fdf color hex could be obtained by blending #085eff with #0000bf. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 18
- B 87
RGB color chart
- C 98
- M 79
- Y 0
- K 13
CMYK color chart

● #042fdf color description : Vivid blue.

The hexadecimal color #042fdf has RGB values of R:4, G:47, B:223 and CMYK values of C:0.98, M:0.79, Y:0, K:0.13. Its decimal value is 274399.

Hex triplet	042fdf	`#042fdf`
RGB Decimal	4, 47, 223	`rgb(4,47,223)`
RGB Percent	1.6, 18.4, 87.5	`rgb(1.6%,18.4%,87.5%)`
CMYK	98, 79, 0, 13
HSL	228.2°, 96.5, 44.5	`hsl(228.2,96.5%,44.5%)`
HSV (or HSB)	228.2°, 98.2, 87.5
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.669, 56.667, -89.092
XYZ	14.383, 7.385, 70.475
xyY	0.156, 0.08, 7.385
CIE-LCH	32.669, 105.587, 302.458
CIE-LUV	32.669, -11.429, -115.032
Hunter-Lab	27.176, 46.915, -134.733
Binary	00000100, 00101111, 11011111

#042fdf
```
#042fdf rgb(4,47,223)
```
#dfb404
```
#dfb404 rgb(223,180,4)
```

Complementary Color

#049ddf
```
#049ddf rgb(4,157,223)
```
#042fdf
```
#042fdf rgb(4,47,223)
```
#4704df
```
#4704df rgb(71,4,223)
```

Analogous Color

#9ddf04
```
#9ddf04 rgb(157,223,4)
```
#042fdf
```
#042fdf rgb(4,47,223)
```
#df4604
```
#df4604 rgb(223,70,4)
```

Split Complementary Color

#2fdf04
```
#2fdf04 rgb(47,223,4)
```
#042fdf
```
#042fdf rgb(4,47,223)
```
#df042f
```
#df042f rgb(223,4,47)
```

Triadic Color

#04dfb4
```
#04dfb4 rgb(4,223,180)
```
#042fdf
```
#042fdf rgb(4,47,223)
```
#df042f
```
#df042f rgb(223,4,47)
```
#dfb404
```
#dfb404 rgb(223,180,4)
```

Tetradic Color

#031f94
```
#031f94 rgb(3,31,148)
```
#0324ad
```
#0324ad rgb(3,36,173)
```
#042ac6
```
#042ac6 rgb(4,42,198)
```
#042fdf
```
#042fdf rgb(4,47,223)
```
#0434f8
```
#0434f8 rgb(4,52,248)
```
#1b47fb
```
#1b47fb rgb(27,71,251)
```
#345bfb
```
#345bfb rgb(52,91,251)
```

Monochromatic Color

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

#0466df
```
#0466df rgb(4,102,223)
```
#0454df
```
#0454df rgb(4,84,223)
```
#0441df
```
#0441df rgb(4,65,223)
```
#042fdf
```
#042fdf rgb(4,47,223)
```
#041ddf
```
#041ddf rgb(4,29,223)
```
#040bdf
```
#040bdf rgb(4,11,223)
```
#1004df
```
#1004df rgb(16,4,223)
```

Similar Colors

Text with hexadecimal color #042fdf

This text has a font color of #042fdf.

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

#042fdf background color

This paragraph has a background color of #042fdf.

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

#042fdf border color

This element has a border color of #042fdf.

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

CSS codes

.text {color:#042fdf;}

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

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

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, #00020b is the darkest color, while #f7f8ff is the lightest one.

#00020b
```
#00020b rgb(0,2,11)
```
#01061e
```
#01061e rgb(1,6,30)
```
#010a32
```
#010a32 rgb(1,10,50)
```
#010f45
```
#010f45 rgb(1,15,69)
```
#021358
```
#021358 rgb(2,19,88)
```
#02176b
```
#02176b rgb(2,23,107)
```
#021b7f
```
#021b7f rgb(2,27,127)
```
#031f92
```
#031f92 rgb(3,31,146)
```
#0323a5
```
#0323a5 rgb(3,35,165)
```
#0327b8
```
#0327b8 rgb(3,39,184)
```
#042bcc
```
#042bcc rgb(4,43,204)
```
#042fdf
```
#042fdf rgb(4,47,223)
```
#0433f2
```
#0433f2 rgb(4,51,242)
```

Shade Color Variation

#103efb
```
#103efb rgb(16,62,251)
```
#234dfb
```
#234dfb rgb(35,77,251)
```
#365dfb
```
#365dfb rgb(54,93,251)
```
#496cfc
```
#496cfc rgb(73,108,252)
```
#5d7cfc
```
#5d7cfc rgb(93,124,252)
```
#708bfc
```
#708bfc rgb(112,139,252)
```
#839bfd
```
#839bfd rgb(131,155,253)
```
#96abfd
```
#96abfd rgb(150,171,253)
```
#aabafd
```
#aabafd rgb(170,186,253)
```
#bdcafe
```
#bdcafe rgb(189,202,254)
```
#d0d9fe
```
#d0d9fe rgb(208,217,254)
```
#e3e9ff
```
#e3e9ff rgb(227,233,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#6d6f76
```
#6d6f76 rgb(109,111,118)
```
#64697f
```
#64697f rgb(100,105,127)
```
#5b6488
```
#5b6488 rgb(91,100,136)
```
#535f90
```
#535f90 rgb(83,95,144)
```
#4a5999
```
#4a5999 rgb(74,89,153)
```
#4154a2
```
#4154a2 rgb(65,84,162)
```
#384fab
```
#384fab rgb(56,79,171)
```
#304ab3
```
#304ab3 rgb(48,74,179)
```
#2744bc
```
#2744bc rgb(39,68,188)
```
#1e3fc5
```
#1e3fc5 rgb(30,63,197)
```
#153ace
```
#153ace rgb(21,58,206)
```
#0d34d6
```
#0d34d6 rgb(13,52,214)
```
#042fdf
```
#042fdf rgb(4,47,223)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#2c3558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588c Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#0146b8 Protanomaly 1% of men, 0.01% of women
#0149aa Deuteranomaly 6% of men, 0.4% of women
#014d8f Tritanomaly 0.01% of the population

#042fdf hex color

#042fdf Color Information

#042fdf Color Conversion

Color Schemes with #042fdf

Alternatives to #042fdf

#042fdf Preview

Shades and Tints of #042fdf

Tones of #042fdf

Color Blindness Simulator