#042ddf hex color

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

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

● #042ddf color description : Vivid blue.

The hexadecimal color #042ddf has RGB values of R:4, G:45, B:223 and CMYK values of C:0.98, M:0.8, Y:0, K:0.13. Its decimal value is 273887.

Hex triplet	042ddf	`#042ddf`
RGB Decimal	4, 45, 223	`rgb(4,45,223)`
RGB Percent	1.6, 17.6, 87.5	`rgb(1.6%,17.6%,87.5%)`
CMYK	98, 80, 0, 13
HSL	228.8°, 96.5, 44.5	`hsl(228.8,96.5%,44.5%)`
HSV (or HSB)	228.8°, 98.2, 87.5
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.323, 57.674, -89.667
XYZ	14.305, 7.229, 70.449
xyY	0.156, 0.079, 7.229
CIE-LCH	32.323, 106.614, 302.749
CIE-LUV	32.323, -11.164, -114.963
Hunter-Lab	26.887, 47.917, -136.531
Binary	00000100, 00101101, 11011111

#042ddf
```
#042ddf rgb(4,45,223)
```
#dfb604
```
#dfb604 rgb(223,182,4)
```

Complementary Color

#049bdf
```
#049bdf rgb(4,155,223)
```
#042ddf
```
#042ddf rgb(4,45,223)
```
#4804df
```
#4804df rgb(72,4,223)
```

Analogous Color

#9bdf04
```
#9bdf04 rgb(155,223,4)
```
#042ddf
```
#042ddf rgb(4,45,223)
```
#df4804
```
#df4804 rgb(223,72,4)
```

Split Complementary Color

#2ddf04
```
#2ddf04 rgb(45,223,4)
```
#042ddf
```
#042ddf rgb(4,45,223)
```
#df042d
```
#df042d rgb(223,4,45)
```

Triadic Color

#04dfb6
```
#04dfb6 rgb(4,223,182)
```
#042ddf
```
#042ddf rgb(4,45,223)
```
#df042d
```
#df042d rgb(223,4,45)
```
#dfb604
```
#dfb604 rgb(223,182,4)
```

Tetradic Color

#031e94
```
#031e94 rgb(3,30,148)
```
#0323ad
```
#0323ad rgb(3,35,173)
```
#0428c6
```
#0428c6 rgb(4,40,198)
```
#042ddf
```
#042ddf rgb(4,45,223)
```
#0432f8
```
#0432f8 rgb(4,50,248)
```
#1b45fb
```
#1b45fb rgb(27,69,251)
```
#3459fb
```
#3459fb rgb(52,89,251)
```

Monochromatic Color

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

#0464df
```
#0464df rgb(4,100,223)
```
#0452df
```
#0452df rgb(4,82,223)
```
#043fdf
```
#043fdf rgb(4,63,223)
```
#042ddf
```
#042ddf rgb(4,45,223)
```
#041bdf
```
#041bdf rgb(4,27,223)
```
#0409df
```
#0409df rgb(4,9,223)
```
#1204df
```
#1204df rgb(18,4,223)
```

Similar Colors

Text with hexadecimal color #042ddf

This text has a font color of #042ddf.

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

#042ddf background color

This paragraph has a background color of #042ddf.

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

#042ddf border color

This element has a border color of #042ddf.

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

CSS codes

.text {color:#042ddf;}

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

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

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)
```
#010e45
```
#010e45 rgb(1,14,69)
```
#021258
```
#021258 rgb(2,18,88)
```
#02166b
```
#02166b rgb(2,22,107)
```
#021a7f
```
#021a7f rgb(2,26,127)
```
#031d92
```
#031d92 rgb(3,29,146)
```
#0321a5
```
#0321a5 rgb(3,33,165)
```
#0325b8
```
#0325b8 rgb(3,37,184)
```
#0429cc
```
#0429cc rgb(4,41,204)
```
#042ddf
```
#042ddf rgb(4,45,223)
```
#0431f2
```
#0431f2 rgb(4,49,242)
```

Shade Color Variation

#103cfb
```
#103cfb rgb(16,60,251)
```
#234bfb
```
#234bfb rgb(35,75,251)
```
#365bfb
```
#365bfb rgb(54,91,251)
```
#496bfc
```
#496bfc rgb(73,107,252)
```
#5d7afc
```
#5d7afc rgb(93,122,252)
```
#708afc
```
#708afc rgb(112,138,252)
```
#839afd
```
#839afd rgb(131,154,253)
```
#96aafd
```
#96aafd rgb(150,170,253)
```
#aab9fd
```
#aab9fd rgb(170,185,253)
```
#bdc9fe
```
#bdc9fe rgb(189,201,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 #042ddf is the most saturated one.

#6d6f76
```
#6d6f76 rgb(109,111,118)
```
#64697f
```
#64697f rgb(100,105,127)
```
#5b6488
```
#5b6488 rgb(91,100,136)
```
#535e90
```
#535e90 rgb(83,94,144)
```
#4a5999
```
#4a5999 rgb(74,89,153)
```
#4153a2
```
#4153a2 rgb(65,83,162)
```
#384eab
```
#384eab rgb(56,78,171)
```
#3048b3
```
#3048b3 rgb(48,72,179)
```
#2743bc
```
#2743bc rgb(39,67,188)
```
#1e3dc5
```
#1e3dc5 rgb(30,61,197)
```
#1538ce
```
#1538ce rgb(21,56,206)
```
#0d32d6
```
#0d32d6 rgb(13,50,214)
```
#042ddf
```
#042ddf rgb(4,45,223)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#2b3357 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0145b7 Protanomaly 1% of men, 0.01% of women
#0148a9 Deuteranomaly 6% of men, 0.4% of women
#014c8f Tritanomaly 0.01% of the population

#042ddf hex color

#042ddf Color Information

#042ddf Color Conversion

Color Schemes with #042ddf

Alternatives to #042ddf

#042ddf Preview

Shades and Tints of #042ddf

Tones of #042ddf

Color Blindness Simulator