#042fb0 hex color

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

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

● #042fb0 color description : Dark blue.

The hexadecimal color #042fb0 has RGB values of R:4, G:47, B:176 and CMYK values of C:0.98, M:0.73, Y:0, K:0.31. Its decimal value is 274352.

Hex triplet	042fb0	`#042fb0`
RGB Decimal	4, 47, 176	`rgb(4,47,176)`
RGB Percent	1.6, 18.4, 69	`rgb(1.6%,18.4%,69%)`
CMYK	98, 73, 0, 31
HSL	225°, 95.6, 35.3	`hsl(225,95.6%,35.3%)`
HSV (or HSB)	225°, 97.7, 69
Web Safe	003399	`#003399`

CIE-LAB	27.277, 40.524, -70.515
XYZ	8.901, 5.193, 41.605
xyY	0.16, 0.093, 5.193
CIE-LCH	27.277, 81.33, 299.885
CIE-LUV	27.277, -10.488, -87.757
Hunter-Lab	22.787, 29.849, -92.3
Binary	00000100, 00101111, 10110000

#042fb0
```
#042fb0 rgb(4,47,176)
```
#b08504
```
#b08504 rgb(176,133,4)
```

Complementary Color

#0485b0
```
#0485b0 rgb(4,133,176)
```
#042fb0
```
#042fb0 rgb(4,47,176)
```
#2f04b0
```
#2f04b0 rgb(47,4,176)
```

Analogous Color

#85b004
```
#85b004 rgb(133,176,4)
```
#042fb0
```
#042fb0 rgb(4,47,176)
```
#b02f04
```
#b02f04 rgb(176,47,4)
```

Split Complementary Color

#2fb004
```
#2fb004 rgb(47,176,4)
```
#042fb0
```
#042fb0 rgb(4,47,176)
```
#b0042f
```
#b0042f rgb(176,4,47)
```

Triadic Color

#04b085
```
#04b085 rgb(4,176,133)
```
#042fb0
```
#042fb0 rgb(4,47,176)
```
#b0042f
```
#b0042f rgb(176,4,47)
```
#b08504
```
#b08504 rgb(176,133,4)
```

Tetradic Color

#021b65
```
#021b65 rgb(2,27,101)
```
#03227e
```
#03227e rgb(3,34,126)
```
#032897
```
#032897 rgb(3,40,151)
```
#042fb0
```
#042fb0 rgb(4,47,176)
```
#0536c9
```
#0536c9 rgb(5,54,201)
```
#053ce2
```
#053ce2 rgb(5,60,226)
```
#0744f9
```
#0744f9 rgb(7,68,249)
```

Monochromatic Color

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

#045ab0
```
#045ab0 rgb(4,90,176)
```
#044cb0
```
#044cb0 rgb(4,76,176)
```
#043db0
```
#043db0 rgb(4,61,176)
```
#042fb0
```
#042fb0 rgb(4,47,176)
```
#0421b0
```
#0421b0 rgb(4,33,176)
```
#0412b0
```
#0412b0 rgb(4,18,176)
```
#0404b0
```
#0404b0 rgb(4,4,176)
```

Similar Colors

Text with hexadecimal color #042fb0

This text has a font color of #042fb0.

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

#042fb0 background color

This paragraph has a background color of #042fb0.

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

#042fb0 border color

This element has a border color of #042fb0.

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

CSS codes

.text {color:#042fb0;}

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

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

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)
```
#010617
```
#010617 rgb(1,6,23)
```
#010b2a
```
#010b2a rgb(1,11,42)
```
#01103d
```
#01103d rgb(1,16,61)
```
#021550
```
#021550 rgb(2,21,80)
```
#021b63
```
#021b63 rgb(2,27,99)
```
#032076
```
#032076 rgb(3,32,118)
```
#03258a
```
#03258a rgb(3,37,138)
```
#042a9d
```
#042a9d rgb(4,42,157)
```
#042fb0
```
#042fb0 rgb(4,47,176)
```
#0434c3
```
#0434c3 rgb(4,52,195)
```
#0539d6
```
#0539d6 rgb(5,57,214)
```
#053eea
```
#053eea rgb(5,62,234)
```

Shade Color Variation

#0945f9
```
#0945f9 rgb(9,69,249)
```
#1c54fa
```
#1c54fa rgb(28,84,250)
```
#2f62fa
```
#2f62fa rgb(47,98,250)
```
#4371fb
```
#4371fb rgb(67,113,251)
```
#567ffb
```
#567ffb rgb(86,127,251)
```
#698efc
```
#698efc rgb(105,142,252)
```
#7c9cfc
```
#7c9cfc rgb(124,156,252)
```
#8fabfc
```
#8fabfc rgb(143,171,252)
```
#a2b9fd
```
#a2b9fd rgb(162,185,253)
```
#b6c8fd
```
#b6c8fd rgb(182,200,253)
```
#c9d6fe
```
#c9d6fe rgb(201,214,254)
```
#dce5fe
```
#dce5fe rgb(220,229,254)
```
#eff3ff
```
#eff3ff rgb(239,243,255)
```

Tint Color Variation

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

#57595d
```
#57595d rgb(87,89,93)
```
#505564
```
#505564 rgb(80,85,100)
```
#49526b
```
#49526b rgb(73,82,107)
```
#424e72
```
#424e72 rgb(66,78,114)
```
#3b4b79
```
#3b4b79 rgb(59,75,121)
```
#344780
```
#344780 rgb(52,71,128)
```
#2e4486
```
#2e4486 rgb(46,68,134)
```
#27408d
```
#27408d rgb(39,64,141)
```
#203d94
```
#203d94 rgb(32,61,148)
```
#19399b
```
#19399b rgb(25,57,155)
```
#1236a2
```
#1236a2 rgb(18,54,162)
```
#0b32a9
```
#0b32a9 rgb(11,50,169)
```
#042fb0
```
#042fb0 rgb(4,47,176)
```

Tone Color Variation

Below, you can see how #042fb0 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
#28314a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004c79 Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#013f99 Protanomaly 1% of men, 0.01% of women
#01418d Deuteranomaly 6% of men, 0.4% of women
#014576 Tritanomaly 0.01% of the population

#042fb0 hex color

#042fb0 Color Information

#042fb0 Color Conversion

Color Schemes with #042fb0

Alternatives to #042fb0

#042fb0 Preview

Shades and Tints of #042fb0

Tones of #042fb0

Color Blindness Simulator