#042baf hex color

In a RGB color space, hex #042baf is composed of 1.6% red, 16.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 75.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 226.3 degrees, a saturation of 95.5% and a lightness of 35.1%. #042baf color hex could be obtained by blending #0856ff with #00005f. Closest websafe color is: #003399.

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

● #042baf color description : Dark blue.

The hexadecimal color #042baf has RGB values of R:4, G:43, B:175 and CMYK values of C:0.98, M:0.75, Y:0, K:0.31. Its decimal value is 273327.

Hex triplet	042baf	`#042baf`
RGB Decimal	4, 43, 175	`rgb(4,43,175)`
RGB Percent	1.6, 16.9, 68.6	`rgb(1.6%,16.9%,68.6%)`
CMYK	98, 75, 0, 31
HSL	226.3°, 95.5, 35.1	`hsl(226.3,95.5%,35.1%)`
HSV (or HSB)	226.3°, 97.7, 68.6
Web Safe	003399	`#003399`

CIE-LAB	26.297, 42.589, -71.538
XYZ	8.65, 4.848, 41.035
xyY	0.159, 0.089, 4.848
CIE-LCH	26.297, 83.256, 300.767
CIE-LUV	26.297, -9.785, -87.159
Hunter-Lab	22.018, 31.595, -95.085
Binary	00000100, 00101011, 10101111

#042baf
```
#042baf rgb(4,43,175)
```
#af8804
```
#af8804 rgb(175,136,4)
```

Complementary Color

#0481af
```
#0481af rgb(4,129,175)
```
#042baf
```
#042baf rgb(4,43,175)
```
#3304af
```
#3304af rgb(51,4,175)
```

Analogous Color

#81af04
```
#81af04 rgb(129,175,4)
```
#042baf
```
#042baf rgb(4,43,175)
```
#af3304
```
#af3304 rgb(175,51,4)
```

Split Complementary Color

#2baf04
```
#2baf04 rgb(43,175,4)
```
#042baf
```
#042baf rgb(4,43,175)
```
#af042b
```
#af042b rgb(175,4,43)
```

Triadic Color

#04af88
```
#04af88 rgb(4,175,136)
```
#042baf
```
#042baf rgb(4,43,175)
```
#af042b
```
#af042b rgb(175,4,43)
```
#af8804
```
#af8804 rgb(175,136,4)
```

Tetradic Color

#021964
```
#021964 rgb(2,25,100)
```
#031f7d
```
#031f7d rgb(3,31,125)
```
#032596
```
#032596 rgb(3,37,150)
```
#042baf
```
#042baf rgb(4,43,175)
```
#0531c8
```
#0531c8 rgb(5,49,200)
```
#0537e1
```
#0537e1 rgb(5,55,225)
```
#063ef9
```
#063ef9 rgb(6,62,249)
```

Monochromatic Color

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

#0456af
```
#0456af rgb(4,86,175)
```
#0448af
```
#0448af rgb(4,72,175)
```
#0439af
```
#0439af rgb(4,57,175)
```
#042baf
```
#042baf rgb(4,43,175)
```
#041daf
```
#041daf rgb(4,29,175)
```
#040faf
```
#040faf rgb(4,15,175)
```
#0804af
```
#0804af rgb(8,4,175)
```

Similar Colors

Text with hexadecimal color #042baf

This text has a font color of #042baf.

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

#042baf background color

This paragraph has a background color of #042baf.

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

#042baf border color

This element has a border color of #042baf.

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

CSS codes

.text {color:#042baf;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000516
```
#000516 rgb(0,5,22)
```
#010a29
```
#010a29 rgb(1,10,41)
```
#010f3c
```
#010f3c rgb(1,15,60)
```
#02134f
```
#02134f rgb(2,19,79)
```
#021862
```
#021862 rgb(2,24,98)
```
#031d75
```
#031d75 rgb(3,29,117)
```
#032289
```
#032289 rgb(3,34,137)
```
#04269c
```
#04269c rgb(4,38,156)
```
#042baf
```
#042baf rgb(4,43,175)
```
#0430c2
```
#0430c2 rgb(4,48,194)
```
#0534d5
```
#0534d5 rgb(5,52,213)
```
#0539e9
```
#0539e9 rgb(5,57,233)
```

Shade Color Variation

#083ff9
```
#083ff9 rgb(8,63,249)
```
#1b4efa
```
#1b4efa rgb(27,78,250)
```
#2e5dfa
```
#2e5dfa rgb(46,93,250)
```
#426cfb
```
#426cfb rgb(66,108,251)
```
#557bfb
```
#557bfb rgb(85,123,251)
```
#688afc
```
#688afc rgb(104,138,252)
```
#7b99fc
```
#7b99fc rgb(123,153,252)
```
#8ea7fc
```
#8ea7fc rgb(142,167,252)
```
#a2b6fd
```
#a2b6fd rgb(162,182,253)
```
#b5c5fd
```
#b5c5fd rgb(181,197,253)
```
#c8d4fe
```
#c8d4fe rgb(200,212,254)
```
#dbe3fe
```
#dbe3fe rgb(219,227,254)
```
#eef2ff
```
#eef2ff rgb(238,242,255)
```

Tint Color Variation

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

#57585c
```
#57585c rgb(87,88,92)
```
#505463
```
#505463 rgb(80,84,99)
```
#49506a
```
#49506a rgb(73,80,106)
```
#424d71
```
#424d71 rgb(66,77,113)
```
#3b4978
```
#3b4978 rgb(59,73,120)
```
#34457f
```
#34457f rgb(52,69,127)
```
#2d4186
```
#2d4186 rgb(45,65,134)
```
#263e8d
```
#263e8d rgb(38,62,141)
```
#203a93
```
#203a93 rgb(32,58,147)
```
#19369a
```
#19369a rgb(25,54,154)
```
#1232a1
```
#1232a1 rgb(18,50,161)
```
#0b2fa8
```
#0b2fa8 rgb(11,47,168)
```
#042baf
```
#042baf rgb(4,43,175)
```

Tone Color Variation

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

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

#042baf hex color

#042baf Color Information

#042baf Color Conversion

Color Schemes with #042baf

Alternatives to #042baf

#042baf Preview

Shades and Tints of #042baf

Tones of #042baf

Color Blindness Simulator