#042ddd hex color

In a RGB color space, hex #042ddd is composed of 1.6% red, 17.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 79.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 228.7 degrees, a saturation of 96.4% and a lightness of 44.1%. #042ddd color hex could be obtained by blending #085aff with #0000bb. 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

● #042ddd color description : Vivid blue.

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

Hex triplet	042ddd	`#042ddd`
RGB Decimal	4, 45, 221	`rgb(4,45,221)`
RGB Percent	1.6, 17.6, 86.7	`rgb(1.6%,17.6%,86.7%)`
CMYK	98, 80, 0, 13
HSL	228.7°, 96.4, 44.1	`hsl(228.7,96.4%,44.1%)`
HSV (or HSB)	228.7°, 98.2, 86.7
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.083, 57.037, -88.918
XYZ	14.037, 7.122, 69.037
xyY	0.156, 0.079, 7.122
CIE-LCH	32.083, 105.639, 302.678
CIE-LUV	32.083, -11.113, -113.822
Hunter-Lab	26.687, 47.187, -134.699
Binary	00000100, 00101101, 11011101

#042ddd
```
#042ddd rgb(4,45,221)
```
#ddb404
```
#ddb404 rgb(221,180,4)
```

Complementary Color

#049add
```
#049add rgb(4,154,221)
```
#042ddd
```
#042ddd rgb(4,45,221)
```
#4804dd
```
#4804dd rgb(72,4,221)
```

Analogous Color

#9add04
```
#9add04 rgb(154,221,4)
```
#042ddd
```
#042ddd rgb(4,45,221)
```
#dd4704
```
#dd4704 rgb(221,71,4)
```

Split Complementary Color

#2ddd04
```
#2ddd04 rgb(45,221,4)
```
#042ddd
```
#042ddd rgb(4,45,221)
```
#dd042d
```
#dd042d rgb(221,4,45)
```

Triadic Color

#04ddb4
```
#04ddb4 rgb(4,221,180)
```
#042ddd
```
#042ddd rgb(4,45,221)
```
#dd042d
```
#dd042d rgb(221,4,45)
```
#ddb404
```
#ddb404 rgb(221,180,4)
```

Tetradic Color

#031e92
```
#031e92 rgb(3,30,146)
```
#0323ab
```
#0323ab rgb(3,35,171)
```
#0428c4
```
#0428c4 rgb(4,40,196)
```
#042ddd
```
#042ddd rgb(4,45,221)
```
#0432f6
```
#0432f6 rgb(4,50,246)
```
#1944fb
```
#1944fb rgb(25,68,251)
```
#3258fb
```
#3258fb rgb(50,88,251)
```

Monochromatic Color

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

#0463dd
```
#0463dd rgb(4,99,221)
```
#0451dd
```
#0451dd rgb(4,81,221)
```
#043fdd
```
#043fdd rgb(4,63,221)
```
#042ddd
```
#042ddd rgb(4,45,221)
```
#041bdd
```
#041bdd rgb(4,27,221)
```
#0409dd
```
#0409dd rgb(4,9,221)
```
#1104dd
```
#1104dd rgb(17,4,221)
```

Similar Colors

Text with hexadecimal color #042ddd

This text has a font color of #042ddd.

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

#042ddd background color

This paragraph has a background color of #042ddd.

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

#042ddd border color

This element has a border color of #042ddd.

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

CSS codes

.text {color:#042ddd;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#01061c
```
#01061c rgb(1,6,28)
```
#010a30
```
#010a30 rgb(1,10,48)
```
#010e43
```
#010e43 rgb(1,14,67)
```
#021256
```
#021256 rgb(2,18,86)
```
#021569
```
#021569 rgb(2,21,105)
```
#02197d
```
#02197d rgb(2,25,125)
```
#031d90
```
#031d90 rgb(3,29,144)
```
#0321a3
```
#0321a3 rgb(3,33,163)
```
#0325b6
```
#0325b6 rgb(3,37,182)
```
#0429ca
```
#0429ca rgb(4,41,202)
```
#042ddd
```
#042ddd rgb(4,45,221)
```
#0431f0
```
#0431f0 rgb(4,49,240)
```

Shade Color Variation

#0e3afb
```
#0e3afb rgb(14,58,251)
```
#214afb
```
#214afb rgb(33,74,251)
```
#345afb
```
#345afb rgb(52,90,251)
```
#4769fc
```
#4769fc rgb(71,105,252)
```
#5b79fc
```
#5b79fc rgb(91,121,252)
```
#6e89fc
```
#6e89fc rgb(110,137,252)
```
#8199fd
```
#8199fd rgb(129,153,253)
```
#94a8fd
```
#94a8fd rgb(148,168,253)
```
#a8b8fd
```
#a8b8fd rgb(168,184,253)
```
#bbc8fe
```
#bbc8fe rgb(187,200,254)
```
#ced7fe
```
#ced7fe rgb(206,215,254)
```
#e2e7fe
```
#e2e7fe rgb(226,231,254)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#6c6e75
```
#6c6e75 rgb(108,110,117)
```
#63687e
```
#63687e rgb(99,104,126)
```
#5b6386
```
#5b6386 rgb(91,99,134)
```
#525d8f
```
#525d8f rgb(82,93,143)
```
#495898
```
#495898 rgb(73,88,152)
```
#4153a0
```
#4153a0 rgb(65,83,160)
```
#384da9
```
#384da9 rgb(56,77,169)
```
#2f48b2
```
#2f48b2 rgb(47,72,178)
```
#2743ba
```
#2743ba rgb(39,67,186)
```
#1e3dc3
```
#1e3dc3 rgb(30,61,195)
```
#1538cc
```
#1538cc rgb(21,56,204)
```
#0d32d4
```
#0d32d4 rgb(13,50,212)
```
#042ddd
```
#042ddd rgb(4,45,221)
```

Tone Color Variation

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

#00529f Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0144b6 Protanomaly 1% of men, 0.01% of women
#0147a8 Deuteranomaly 6% of men, 0.4% of women
#014b8e Tritanomaly 0.01% of the population

#042ddd hex color

#042ddd Color Information

#042ddd Color Conversion

Color Schemes with #042ddd

Alternatives to #042ddd

#042ddd Preview

Shades and Tints of #042ddd

Tones of #042ddd

Color Blindness Simulator