#042ab0 hex color

In a RGB color space, hex #042ab0 is composed of 1.6% red, 16.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 76.1% magenta, 0% yellow and 31% black. It has a hue angle of 226.7 degrees, a saturation of 95.6% and a lightness of 35.3%. #042ab0 color hex could be obtained by blending #0854ff with #000061. Closest websafe color is: #003399.

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

● #042ab0 color description : Dark blue.

The hexadecimal color #042ab0 has RGB values of R:4, G:42, B:176 and CMYK values of C:0.98, M:0.76, Y:0, K:0.31. Its decimal value is 273072.

Hex triplet	042ab0	`#042ab0`
RGB Decimal	4, 42, 176	`rgb(4,42,176)`
RGB Percent	1.6, 16.5, 69	`rgb(1.6%,16.5%,69%)`
CMYK	98, 76, 0, 31
HSL	226.7°, 95.6, 35.3	`hsl(226.7,95.6%,35.3%)`
HSV (or HSB)	226.7°, 97.7, 69
Web Safe	003399	`#003399`

CIE-LAB	26.203, 43.538, -72.294
XYZ	8.713, 4.816, 41.542
xyY	0.158, 0.087, 4.816
CIE-LCH	26.203, 84.392, 301.058
CIE-LUV	26.203, -9.642, -87.717
Hunter-Lab	21.945, 32.469, -96.878
Binary	00000100, 00101010, 10110000

#042ab0
```
#042ab0 rgb(4,42,176)
```
#b08a04
```
#b08a04 rgb(176,138,4)
```

Complementary Color

#0480b0
```
#0480b0 rgb(4,128,176)
```
#042ab0
```
#042ab0 rgb(4,42,176)
```
#3404b0
```
#3404b0 rgb(52,4,176)
```

Analogous Color

#80b004
```
#80b004 rgb(128,176,4)
```
#042ab0
```
#042ab0 rgb(4,42,176)
```
#b03404
```
#b03404 rgb(176,52,4)
```

Split Complementary Color

#2ab004
```
#2ab004 rgb(42,176,4)
```
#042ab0
```
#042ab0 rgb(4,42,176)
```
#b0042a
```
#b0042a rgb(176,4,42)
```

Triadic Color

#04b08a
```
#04b08a rgb(4,176,138)
```
#042ab0
```
#042ab0 rgb(4,42,176)
```
#b0042a
```
#b0042a rgb(176,4,42)
```
#b08a04
```
#b08a04 rgb(176,138,4)
```

Tetradic Color

#021865
```
#021865 rgb(2,24,101)
```
#031e7e
```
#031e7e rgb(3,30,126)
```
#032497
```
#032497 rgb(3,36,151)
```
#042ab0
```
#042ab0 rgb(4,42,176)
```
#0530c9
```
#0530c9 rgb(5,48,201)
```
#0536e2
```
#0536e2 rgb(5,54,226)
```
#073df9
```
#073df9 rgb(7,61,249)
```

Monochromatic Color

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

#0455b0
```
#0455b0 rgb(4,85,176)
```
#0447b0
```
#0447b0 rgb(4,71,176)
```
#0438b0
```
#0438b0 rgb(4,56,176)
```
#042ab0
```
#042ab0 rgb(4,42,176)
```
#041cb0
```
#041cb0 rgb(4,28,176)
```
#040db0
```
#040db0 rgb(4,13,176)
```
#0904b0
```
#0904b0 rgb(9,4,176)
```

Similar Colors

Text with hexadecimal color #042ab0

This text has a font color of #042ab0.

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

#042ab0 background color

This paragraph has a background color of #042ab0.

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

#042ab0 border color

This element has a border color of #042ab0.

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

CSS codes

.text {color:#042ab0;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010517
```
#010517 rgb(1,5,23)
```
#010a2a
```
#010a2a rgb(1,10,42)
```
#010f3d
```
#010f3d rgb(1,15,61)
```
#021350
```
#021350 rgb(2,19,80)
```
#021863
```
#021863 rgb(2,24,99)
```
#031c76
```
#031c76 rgb(3,28,118)
```
#03218a
```
#03218a rgb(3,33,138)
```
#04259d
```
#04259d rgb(4,37,157)
```
#042ab0
```
#042ab0 rgb(4,42,176)
```
#042fc3
```
#042fc3 rgb(4,47,195)
```
#0533d6
```
#0533d6 rgb(5,51,214)
```
#0538ea
```
#0538ea rgb(5,56,234)
```

Shade Color Variation

#093ef9
```
#093ef9 rgb(9,62,249)
```
#1c4dfa
```
#1c4dfa rgb(28,77,250)
```
#2f5cfa
```
#2f5cfa rgb(47,92,250)
```
#436bfb
```
#436bfb rgb(67,107,251)
```
#567afb
```
#567afb rgb(86,122,251)
```
#6989fc
```
#6989fc rgb(105,137,252)
```
#7c98fc
```
#7c98fc rgb(124,152,252)
```
#8fa7fc
```
#8fa7fc rgb(143,167,252)
```
#a2b6fd
```
#a2b6fd rgb(162,182,253)
```
#b6c6fd
```
#b6c6fd rgb(182,198,253)
```
#c9d5fe
```
#c9d5fe rgb(201,213,254)
```
#dce4fe
```
#dce4fe rgb(220,228,254)
```
#eff3ff
```
#eff3ff rgb(239,243,255)
```

Tint Color Variation

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

#57585d
```
#57585d rgb(87,88,93)
```
#505564
```
#505564 rgb(80,85,100)
```
#49516b
```
#49516b rgb(73,81,107)
```
#424d72
```
#424d72 rgb(66,77,114)
```
#3b4979
```
#3b4979 rgb(59,73,121)
```
#344580
```
#344580 rgb(52,69,128)
```
#2e4186
```
#2e4186 rgb(46,65,134)
```
#273d8d
```
#273d8d rgb(39,61,141)
```
#203994
```
#203994 rgb(32,57,148)
```
#19369b
```
#19369b rgb(25,54,155)
```
#1232a2
```
#1232a2 rgb(18,50,162)
```
#0b2ea9
```
#0b2ea9 rgb(11,46,169)
```
#042ab0
```
#042ab0 rgb(4,42,176)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#262d48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a75 Deuteranopia 1% of men
#004f52 Tritanopia 0.001% of the population

Trichromacy

#013b96 Protanomaly 1% of men, 0.01% of women
#013e8a Deuteranomaly 6% of men, 0.4% of women
#014174 Tritanomaly 0.01% of the population

#042ab0 hex color

#042ab0 Color Information

#042ab0 Color Conversion

Color Schemes with #042ab0

Alternatives to #042ab0

#042ab0 Preview

Shades and Tints of #042ab0

Tones of #042ab0

Color Blindness Simulator