#424857 hex color

In a RGB color space, hex #424857 is composed of 25.9% red, 28.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 17.2% magenta, 0% yellow and 65.9% black. It has a hue angle of 222.9 degrees, a saturation of 13.7% and a lightness of 30%. #424857 color hex could be obtained by blending #8490ae with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 26
- G 28
- B 34
RGB color chart
- C 24
- M 17
- Y 0
- K 66
CMYK color chart

● #424857 color description : Very dark grayish blue.

The hexadecimal color #424857 has RGB values of R:66, G:72, B:87 and CMYK values of C:0.24, M:0.17, Y:0, K:0.66. Its decimal value is 4343895.

Hex triplet	424857	`#424857`
RGB Decimal	66, 72, 87	`rgb(66,72,87)`
RGB Percent	25.9, 28.2, 34.1	`rgb(25.9%,28.2%,34.1%)`
CMYK	24, 17, 0, 66
HSL	222.9°, 13.7, 30	`hsl(222.9,13.7%,30%)`
HSV (or HSB)	222.9°, 24.1, 34.1
Web Safe	333366	`#333366`

CIE-LAB	30.595, 1.34, -9.707
XYZ	6.284, 6.481, 9.936
xyY	0.277, 0.285, 6.481
CIE-LCH	30.595, 9.799, 277.858
CIE-LUV	30.595, -3.691, -12.244
Hunter-Lab	25.458, -0.49, -5.32
Binary	01000010, 01001000, 01010111

#424857
```
#424857 rgb(66,72,87)
```
#575142
```
#575142 rgb(87,81,66)
```

Complementary Color

#425357
```
#425357 rgb(66,83,87)
```
#424857
```
#424857 rgb(66,72,87)
```
#474257
```
#474257 rgb(71,66,87)
```

Analogous Color

#535742
```
#535742 rgb(83,87,66)
```
#424857
```
#424857 rgb(66,72,87)
```
#574742
```
#574742 rgb(87,71,66)
```

Split Complementary Color

#485742
```
#485742 rgb(72,87,66)
```
#424857
```
#424857 rgb(66,72,87)
```
#574248
```
#574248 rgb(87,66,72)
```

Triadic Color

#425751
```
#425751 rgb(66,87,81)
```
#424857
```
#424857 rgb(66,72,87)
```
#574248
```
#574248 rgb(87,66,72)
```
#575142
```
#575142 rgb(87,81,66)
```

Tetradic Color

#21242c
```
#21242c rgb(33,36,44)
```
#2c303a
```
#2c303a rgb(44,48,58)
```
#373c49
```
#373c49 rgb(55,60,73)
```
#424857
```
#424857 rgb(66,72,87)
```
#4d5466
```
#4d5466 rgb(77,84,102)
```
#586074
```
#586074 rgb(88,96,116)
```
#636c83
```
#636c83 rgb(99,108,131)
```

Monochromatic Color

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

#424d57
```
#424d57 rgb(66,77,87)
```
#424c57
```
#424c57 rgb(66,76,87)
```
#424a57
```
#424a57 rgb(66,74,87)
```
#424857
```
#424857 rgb(66,72,87)
```
#424657
```
#424657 rgb(66,70,87)
```
#424557
```
#424557 rgb(66,69,87)
```
#424357
```
#424357 rgb(66,67,87)
```

Similar Colors

Text with hexadecimal color #424857

This text has a font color of #424857.

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

#424857 background color

This paragraph has a background color of #424857.

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

#424857 border color

This element has a border color of #424857.

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

CSS codes

.text {color:#424857;}

.background {background-color:#424857;}

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

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

#070709
```
#070709 rgb(7,7,9)
```
#0f1114
```
#0f1114 rgb(15,17,20)
```
#181a1f
```
#181a1f rgb(24,26,31)
```
#20232a
```
#20232a rgb(32,35,42)
```
#292c36
```
#292c36 rgb(41,44,54)
```
#313641
```
#313641 rgb(49,54,65)
```
#3a3f4c
```
#3a3f4c rgb(58,63,76)
```
#424857
```
#424857 rgb(66,72,87)
```
#4a5162
```
#4a5162 rgb(74,81,98)
```
#535a6d
```
#535a6d rgb(83,90,109)
```
#5b6478
```
#5b6478 rgb(91,100,120)
```
#646d84
```
#646d84 rgb(100,109,132)
```
#6c768f
```
#6c768f rgb(108,118,143)
```

Shade Color Variation

#778098
```
#778098 rgb(119,128,152)
```
#828ba0
```
#828ba0 rgb(130,139,160)
```
#8d95a9
```
#8d95a9 rgb(141,149,169)
```
#989fb1
```
#989fb1 rgb(152,159,177)
```
#a4aaba
```
#a4aaba rgb(164,170,186)
```
#afb4c2
```
#afb4c2 rgb(175,180,194)
```
#babfcb
```
#babfcb rgb(186,191,203)
```
#c5c9d3
```
#c5c9d3 rgb(197,201,211)
```
#d0d3db
```
#d0d3db rgb(208,211,219)
```
#dbdee4
```
#dbdee4 rgb(219,222,228)
```
#e6e8ec
```
#e6e8ec rgb(230,232,236)
```
#f2f3f5
```
#f2f3f5 rgb(242,243,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484b51 is the less saturated color, while #012c98 is the most saturated one.

#484b51
```
#484b51 rgb(72,75,81)
```
#424857
```
#424857 rgb(66,72,87)
```
#3c455d
```
#3c455d rgb(60,69,93)
```
#364363
```
#364363 rgb(54,67,99)
```
#304069
```
#304069 rgb(48,64,105)
```
#2a3e6f
```
#2a3e6f rgb(42,62,111)
```
#253b74
```
#253b74 rgb(37,59,116)
```
#1f397a
```
#1f397a rgb(31,57,122)
```
#193680
```
#193680 rgb(25,54,128)
```
#133486
```
#133486 rgb(19,52,134)
```
#0d318c
```
#0d318c rgb(13,49,140)
```
#072f92
```
#072f92 rgb(7,47,146)
```
#012c98
```
#012c98 rgb(1,44,152)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#47484b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e505f Protanopia 1% of men
#514f60 Deuteranopia 1% of men
#4a5258 Tritanopia 0.001% of the population

Trichromacy

#494d5c Protanomaly 1% of men, 0.01% of women
#4b4d5c Deuteranomaly 6% of men, 0.4% of women
#474e58 Tritanomaly 0.01% of the population

#424857 hex color

#424857 Color Information

#424857 Color Conversion

Color Schemes with #424857

Alternatives to #424857

#424857 Preview

Shades and Tints of #424857

Tones of #424857

Color Blindness Simulator