#424860 hex color

In a RGB color space, hex #424860 is composed of 25.9% red, 28.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 25% magenta, 0% yellow and 62.4% black. It has a hue angle of 228 degrees, a saturation of 18.5% and a lightness of 31.8%. #424860 color hex could be obtained by blending #8490c0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 26
- G 28
- B 38
RGB color chart
- C 31
- M 25
- Y 0
- K 62
CMYK color chart

● #424860 color description : Very dark grayish blue.

The hexadecimal color #424860 has RGB values of R:66, G:72, B:96 and CMYK values of C:0.31, M:0.25, Y:0, K:0.62. Its decimal value is 4343904.

Hex triplet	424860	`#424860`
RGB Decimal	66, 72, 96	`rgb(66,72,96)`
RGB Percent	25.9, 28.2, 37.6	`rgb(25.9%,28.2%,37.6%)`
CMYK	31, 25, 0, 62
HSL	228°, 18.5, 31.8	`hsl(228,18.5%,31.8%)`
HSV (or HSB)	228°, 31.3, 37.6
Web Safe	333366	`#333366`

CIE-LAB	30.967, 3.846, -14.899
XYZ	6.675, 6.637, 11.995
xyY	0.264, 0.262, 6.637
CIE-LCH	30.967, 15.388, 284.473
CIE-LUV	30.967, -4.067, -19.449
Hunter-Lab	25.763, 1.163, -9.571
Binary	01000010, 01001000, 01100000

#424860
```
#424860 rgb(66,72,96)
```
#605a42
```
#605a42 rgb(96,90,66)
```

Complementary Color

#425760
```
#425760 rgb(66,87,96)
```
#424860
```
#424860 rgb(66,72,96)
```
#4b4260
```
#4b4260 rgb(75,66,96)
```

Analogous Color

#576042
```
#576042 rgb(87,96,66)
```
#424860
```
#424860 rgb(66,72,96)
```
#604b42
```
#604b42 rgb(96,75,66)
```

Split Complementary Color

#486042
```
#486042 rgb(72,96,66)
```
#424860
```
#424860 rgb(66,72,96)
```
#604248
```
#604248 rgb(96,66,72)
```

Triadic Color

#42605a
```
#42605a rgb(66,96,90)
```
#424860
```
#424860 rgb(66,72,96)
```
#604248
```
#604248 rgb(96,66,72)
```
#605a42
```
#605a42 rgb(96,90,66)
```

Tetradic Color

#232633
```
#232633 rgb(35,38,51)
```
#2d3142
```
#2d3142 rgb(45,49,66)
```
#383d51
```
#383d51 rgb(56,61,81)
```
#424860
```
#424860 rgb(66,72,96)
```
#4c536f
```
#4c536f rgb(76,83,111)
```
#575f7e
```
#575f7e rgb(87,95,126)
```
#616a8d
```
#616a8d rgb(97,106,141)
```

Monochromatic Color

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

#425060
```
#425060 rgb(66,80,96)
```
#424d60
```
#424d60 rgb(66,77,96)
```
#424b60
```
#424b60 rgb(66,75,96)
```
#424860
```
#424860 rgb(66,72,96)
```
#424660
```
#424660 rgb(66,70,96)
```
#424360
```
#424360 rgb(66,67,96)
```
#444260
```
#444260 rgb(68,66,96)
```

Similar Colors

Text with hexadecimal color #424860

This text has a font color of #424860.

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

#424860 background color

This paragraph has a background color of #424860.

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

#424860 border color

This element has a border color of #424860.

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

CSS codes

.text {color:#424860;}

.background {background-color:#424860;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0b0f
```
#0a0b0f rgb(10,11,15)
```
#12141a
```
#12141a rgb(18,20,26)
```
#1a1c26
```
#1a1c26 rgb(26,28,38)
```
#222532
```
#222532 rgb(34,37,50)
```
#2a2e3d
```
#2a2e3d rgb(42,46,61)
```
#323749
```
#323749 rgb(50,55,73)
```
#3a3f54
```
#3a3f54 rgb(58,63,84)
```
#424860
```
#424860 rgb(66,72,96)
```
#4a516c
```
#4a516c rgb(74,81,108)
```
#525977
```
#525977 rgb(82,89,119)
```
#5a6283
```
#5a6283 rgb(90,98,131)
```
#626b8e
```
#626b8e rgb(98,107,142)
```

Shade Color Variation

#6b7499
```
#6b7499 rgb(107,116,153)
```
#777fa1
```
#777fa1 rgb(119,127,161)
```
#828aa9
```
#828aa9 rgb(130,138,169)
```
#8e95b1
```
#8e95b1 rgb(142,149,177)
```
#99a0b9
```
#99a0b9 rgb(153,160,185)
```
#a5abc1
```
#a5abc1 rgb(165,171,193)
```
#b1b6c9
```
#b1b6c9 rgb(177,182,201)
```
#bcc0d1
```
#bcc0d1 rgb(188,192,209)
```
#c8cbd9
```
#c8cbd9 rgb(200,203,217)
```
#d4d6e1
```
#d4d6e1 rgb(212,214,225)
```
#dfe1e9
```
#dfe1e9 rgb(223,225,233)
```
#ebecf1
```
#ebecf1 rgb(235,236,241)
```
#f6f7f9
```
#f6f7f9 rgb(246,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e4f54 is the less saturated color, while #04239e is the most saturated one.

#4e4f54
```
#4e4f54 rgb(78,79,84)
```
#484c5a
```
#484c5a rgb(72,76,90)
```
#424860
```
#424860 rgb(66,72,96)
```
#3c4466
```
#3c4466 rgb(60,68,102)
```
#36416c
```
#36416c rgb(54,65,108)
```
#2f3d73
```
#2f3d73 rgb(47,61,115)
```
#293979
```
#293979 rgb(41,57,121)
```
#23357f
```
#23357f rgb(35,53,127)
```
#1d3285
```
#1d3285 rgb(29,50,133)
```
#162e8c
```
#162e8c rgb(22,46,140)
```
#102a92
```
#102a92 rgb(16,42,146)
```
#0a2698
```
#0a2698 rgb(10,38,152)
```
#04239e
```
#04239e rgb(4,35,158)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#48494e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5168 Protanopia 1% of men
#4d5168 Deuteranopia 1% of men
#48545a Tritanopia 0.001% of the population

Trichromacy

#484e65 Protanomaly 1% of men, 0.01% of women
#494d65 Deuteranomaly 6% of men, 0.4% of women
#454f5c Tritanomaly 0.01% of the population

#424860 hex color

#424860 Color Information

#424860 Color Conversion

Color Schemes with #424860

Alternatives to #424860

#424860 Preview

Shades and Tints of #424860

Tones of #424860

Color Blindness Simulator