#042fb3 hex color

In a RGB color space, hex #042fb3 is composed of 1.6% red, 18.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 73.7% magenta, 0% yellow and 29.8% black. It has a hue angle of 225.3 degrees, a saturation of 95.6% and a lightness of 35.9%. #042fb3 color hex could be obtained by blending #085eff with #000067. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 18
- B 70
RGB color chart
- C 98
- M 74
- Y 0
- K 30
CMYK color chart

● #042fb3 color description : Strong blue.

The hexadecimal color #042fb3 has RGB values of R:4, G:47, B:179 and CMYK values of C:0.98, M:0.74, Y:0, K:0.3. Its decimal value is 274355.

Hex triplet	042fb3	`#042fb3`
RGB Decimal	4, 47, 179	`rgb(4,47,179)`
RGB Percent	1.6, 18.4, 70.2	`rgb(1.6%,18.4%,70.2%)`
CMYK	98, 74, 0, 30
HSL	225.3°, 95.6, 35.9	`hsl(225.3,95.6%,35.9%)`
HSV (or HSB)	225.3°, 97.8, 70.2
Web Safe	0033cc	`#0033cc`

CIE-LAB	27.608, 41.621, -71.76
XYZ	9.202, 5.313, 43.186
xyY	0.159, 0.092, 5.313
CIE-LCH	27.608, 82.956, 300.114
CIE-LUV	27.608, -10.534, -89.53
Hunter-Lab	23.049, 30.923, -94.952
Binary	00000100, 00101111, 10110011

#042fb3
```
#042fb3 rgb(4,47,179)
```
#b38804
```
#b38804 rgb(179,136,4)
```

Complementary Color

#0487b3
```
#0487b3 rgb(4,135,179)
```
#042fb3
```
#042fb3 rgb(4,47,179)
```
#3104b3
```
#3104b3 rgb(49,4,179)
```

Analogous Color

#87b304
```
#87b304 rgb(135,179,4)
```
#042fb3
```
#042fb3 rgb(4,47,179)
```
#b33004
```
#b33004 rgb(179,48,4)
```

Split Complementary Color

#2fb304
```
#2fb304 rgb(47,179,4)
```
#042fb3
```
#042fb3 rgb(4,47,179)
```
#b3042f
```
#b3042f rgb(179,4,47)
```

Triadic Color

#04b388
```
#04b388 rgb(4,179,136)
```
#042fb3
```
#042fb3 rgb(4,47,179)
```
#b3042f
```
#b3042f rgb(179,4,47)
```
#b38804
```
#b38804 rgb(179,136,4)
```

Tetradic Color

#021b68
```
#021b68 rgb(2,27,104)
```
#032281
```
#032281 rgb(3,34,129)
```
#03289a
```
#03289a rgb(3,40,154)
```
#042fb3
```
#042fb3 rgb(4,47,179)
```
#0536cc
```
#0536cc rgb(5,54,204)
```
#053ce5
```
#053ce5 rgb(5,60,229)
```
#0a45fa
```
#0a45fa rgb(10,69,250)
```

Monochromatic Color

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

#045bb3
```
#045bb3 rgb(4,91,179)
```
#044cb3
```
#044cb3 rgb(4,76,179)
```
#043eb3
```
#043eb3 rgb(4,62,179)
```
#042fb3
```
#042fb3 rgb(4,47,179)
```
#0420b3
```
#0420b3 rgb(4,32,179)
```
#0412b3
```
#0412b3 rgb(4,18,179)
```
#0504b3
```
#0504b3 rgb(5,4,179)
```

Similar Colors

Text with hexadecimal color #042fb3

This text has a font color of #042fb3.

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

#042fb3 background color

This paragraph has a background color of #042fb3.

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

#042fb3 border color

This element has a border color of #042fb3.

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

CSS codes

.text {color:#042fb3;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#01071a
```
#01071a rgb(1,7,26)
```
#010c2d
```
#010c2d rgb(1,12,45)
```
#011140
```
#011140 rgb(1,17,64)
```
#021653
```
#021653 rgb(2,22,83)
```
#021b66
```
#021b66 rgb(2,27,102)
```
#032079
```
#032079 rgb(3,32,121)
```
#03258d
```
#03258d rgb(3,37,141)
```
#042aa0
```
#042aa0 rgb(4,42,160)
```
#042fb3
```
#042fb3 rgb(4,47,179)
```
#0434c6
```
#0434c6 rgb(4,52,198)
```
#0539d9
```
#0539d9 rgb(5,57,217)
```
#053eed
```
#053eed rgb(5,62,237)
```

Shade Color Variation

#0c46fa
```
#0c46fa rgb(12,70,250)
```
#1f55fa
```
#1f55fa rgb(31,85,250)
```
#3263fa
```
#3263fa rgb(50,99,250)
```
#4572fb
```
#4572fb rgb(69,114,251)
```
#5981fb
```
#5981fb rgb(89,129,251)
```
#6c8ffc
```
#6c8ffc rgb(108,143,252)
```
#7f9efc
```
#7f9efc rgb(127,158,252)
```
#92acfd
```
#92acfd rgb(146,172,253)
```
#a5bbfd
```
#a5bbfd rgb(165,187,253)
```
#b9c9fd
```
#b9c9fd rgb(185,201,253)
```
#ccd8fe
```
#ccd8fe rgb(204,216,254)
```
#dfe7fe
```
#dfe7fe rgb(223,231,254)
```
#f2f5ff
```
#f2f5ff rgb(242,245,255)
```

Tint Color Variation

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

#585a5f
```
#585a5f rgb(88,90,95)
```
#515666
```
#515666 rgb(81,86,102)
```
#4a536d
```
#4a536d rgb(74,83,109)
```
#434f74
```
#434f74 rgb(67,79,116)
```
#3c4c7b
```
#3c4c7b rgb(60,76,123)
```
#354882
```
#354882 rgb(53,72,130)
```
#2e4489
```
#2e4489 rgb(46,68,137)
```
#274190
```
#274190 rgb(39,65,144)
```
#203d97
```
#203d97 rgb(32,61,151)
```
#193a9e
```
#193a9e rgb(25,58,158)
```
#1236a5
```
#1236a5 rgb(18,54,165)
```
#0b33ac
```
#0b33ac rgb(11,51,172)
```
#042fb3
```
#042fb3 rgb(4,47,179)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#28314b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004d7a Deuteranopia 1% of men
#005256 Tritanopia 0.001% of the population

Trichromacy

#013f9b Protanomaly 1% of men, 0.01% of women
#01428f Deuteranomaly 6% of men, 0.4% of women
#014577 Tritanomaly 0.01% of the population

#042fb3 hex color

#042fb3 Color Information

#042fb3 Color Conversion

Color Schemes with #042fb3

Alternatives to #042fb3

#042fb3 Preview

Shades and Tints of #042fb3

Tones of #042fb3

Color Blindness Simulator