#042156 hex color

In a RGB color space, hex #042156 is composed of 1.6% red, 12.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 61.6% magenta, 0% yellow and 66.3% black. It has a hue angle of 218.8 degrees, a saturation of 91.1% and a lightness of 17.6%. #042156 color hex could be obtained by blending #0842ac with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 2
- G 13
- B 34
RGB color chart
- C 95
- M 62
- Y 0
- K 66
CMYK color chart

● #042156 color description : Very dark blue.

The hexadecimal color #042156 has RGB values of R:4, G:33, B:86 and CMYK values of C:0.95, M:0.62, Y:0, K:0.66. Its decimal value is 270678.

Hex triplet	042156	`#042156`
RGB Decimal	4, 33, 86	`rgb(4,33,86)`
RGB Percent	1.6, 12.9, 33.7	`rgb(1.6%,12.9%,33.7%)`
CMYK	95, 62, 0, 66
HSL	218.8°, 91.1, 17.6	`hsl(218.8,91.1%,17.6%)`
HSV (or HSB)	218.8°, 95.3, 33.7
Web Safe	003366	`#003366`

CIE-LAB	14.317, 13.382, -34.942
XYZ	2.273, 1.785, 9.028
xyY	0.174, 0.136, 1.785
CIE-LCH	14.317, 37.417, 290.956
CIE-LUV	14.317, -6.674, -33.898
Hunter-Lab	13.361, 6.988, -30.71
Binary	00000100, 00100001, 01010110

#042156
```
#042156 rgb(4,33,86)
```
#563904
```
#563904 rgb(86,57,4)
```

Complementary Color

#044a56
```
#044a56 rgb(4,74,86)
```
#042156
```
#042156 rgb(4,33,86)
```
#100456
```
#100456 rgb(16,4,86)
```

Analogous Color

#4a5604
```
#4a5604 rgb(74,86,4)
```
#042156
```
#042156 rgb(4,33,86)
```
#561004
```
#561004 rgb(86,16,4)
```

Split Complementary Color

#215604
```
#215604 rgb(33,86,4)
```
#042156
```
#042156 rgb(4,33,86)
```
#560421
```
#560421 rgb(86,4,33)
```

Triadic Color

#045639
```
#045639 rgb(4,86,57)
```
#042156
```
#042156 rgb(4,33,86)
```
#560421
```
#560421 rgb(86,4,33)
```
#563904
```
#563904 rgb(86,57,4)
```

Tetradic Color

#01050d
```
#01050d rgb(1,5,13)
```
#020e25
```
#020e25 rgb(2,14,37)
```
#03183e
```
#03183e rgb(3,24,62)
```
#042156
```
#042156 rgb(4,33,86)
```
#052a6e
```
#052a6e rgb(5,42,110)
```
#063487
```
#063487 rgb(6,52,135)
```
#073d9f
```
#073d9f rgb(7,61,159)
```

Monochromatic Color

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

#043656
```
#043656 rgb(4,54,86)
```
#042f56
```
#042f56 rgb(4,47,86)
```
#042856
```
#042856 rgb(4,40,86)
```
#042156
```
#042156 rgb(4,33,86)
```
#041a56
```
#041a56 rgb(4,26,86)
```
#041356
```
#041356 rgb(4,19,86)
```
#040c56
```
#040c56 rgb(4,12,86)
```

Similar Colors

Text with hexadecimal color #042156

This text has a font color of #042156.

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

#042156 background color

This paragraph has a background color of #042156.

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

#042156 border color

This element has a border color of #042156.

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

CSS codes

.text {color:#042156;}

.background {background-color:#042156;}

.border {border:1px solid #042156;}

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, #01040b is the darkest color, while #f7faff is the lightest one.

#01040b
```
#01040b rgb(1,4,11)
```
#010b1e
```
#010b1e rgb(1,11,30)
```
#021331
```
#021331 rgb(2,19,49)
```
#031a43
```
#031a43 rgb(3,26,67)
```
#042156
```
#042156 rgb(4,33,86)
```
#052869
```
#052869 rgb(5,40,105)
```
#062f7b
```
#062f7b rgb(6,47,123)
```
#07378e
```
#07378e rgb(7,55,142)
```
#073ea1
```
#073ea1 rgb(7,62,161)
```
#0845b4
```
#0845b4 rgb(8,69,180)
```
#094cc6
```
#094cc6 rgb(9,76,198)
```
#0a53d9
```
#0a53d9 rgb(10,83,217)
```
#0b5bec
```
#0b5bec rgb(11,91,236)
```

Shade Color Variation

#1665f4
```
#1665f4 rgb(22,101,244)
```
#2971f5
```
#2971f5 rgb(41,113,245)
```
#3c7ef6
```
#3c7ef6 rgb(60,126,246)
```
#4f8af7
```
#4f8af7 rgb(79,138,247)
```
#6197f8
```
#6197f8 rgb(97,151,248)
```
#74a3f9
```
#74a3f9 rgb(116,163,249)
```
#87aff9
```
#87aff9 rgb(135,175,249)
```
#9abcfa
```
#9abcfa rgb(154,188,250)
```
#acc8fb
```
#acc8fb rgb(172,200,251)
```
#bfd5fc
```
#bfd5fc rgb(191,213,252)
```
#d2e1fd
```
#d2e1fd rgb(210,225,253)
```
#e5edfe
```
#e5edfe rgb(229,237,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2a2c30 is the less saturated color, while #012059 is the most saturated one.

#2a2c30
```
#2a2c30 rgb(42,44,48)
```
#272b33
```
#272b33 rgb(39,43,51)
```
#232a37
```
#232a37 rgb(35,42,55)
```
#20293a
```
#20293a rgb(32,41,58)
```
#1c283e
```
#1c283e rgb(28,40,62)
```
#192741
```
#192741 rgb(25,39,65)
```
#152645
```
#152645 rgb(21,38,69)
```
#122548
```
#122548 rgb(18,37,72)
```
#0e244c
```
#0e244c rgb(14,36,76)
```
#0b234f
```
#0b234f rgb(11,35,79)
```
#072253
```
#072253 rgb(7,34,83)
```
#042156
```
#042156 rgb(4,33,86)
```
#012059
```
#012059 rgb(1,32,89)
```

Tone Color Variation

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

#1e1e1e Achromatopsia 0.005% of the population
#191f29 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e5a Protanopia 1% of men
#00304f Deuteranopia 1% of men
#003437 Tritanopia 0.001% of the population

Trichromacy

#012958 Protanomaly 1% of men, 0.01% of women
#012b51 Deuteranomaly 6% of men, 0.4% of women
#012d42 Tritanomaly 0.01% of the population

#042156 hex color

#042156 Color Information

#042156 Color Conversion

Color Schemes with #042156

Alternatives to #042156

#042156 Preview

Shades and Tints of #042156

Tones of #042156

Color Blindness Simulator