#424858 hex color

In a RGB color space, hex #424858 is composed of 25.9% red, 28.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 18.2% magenta, 0% yellow and 65.5% black. It has a hue angle of 223.6 degrees, a saturation of 14.3% and a lightness of 30.2%. #424858 color hex could be obtained by blending #8490b0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 26
- G 28
- B 35
RGB color chart
- C 25
- M 18
- Y 0
- K 65
CMYK color chart

● #424858 color description : Very dark grayish blue.

The hexadecimal color #424858 has RGB values of R:66, G:72, B:88 and CMYK values of C:0.25, M:0.18, Y:0, K:0.65. Its decimal value is 4343896.

Hex triplet	424858	`#424858`
RGB Decimal	66, 72, 88	`rgb(66,72,88)`
RGB Percent	25.9, 28.2, 34.5	`rgb(25.9%,28.2%,34.5%)`
CMYK	25, 18, 0, 65
HSL	223.6°, 14.3, 30.2	`hsl(223.6,14.3%,30.2%)`
HSV (or HSB)	223.6°, 25, 34.5
Web Safe	333366	`#333366`

CIE-LAB	30.634, 1.61, -10.289
XYZ	6.325, 6.497, 10.153
xyY	0.275, 0.283, 6.497
CIE-LCH	30.634, 10.414, 278.894
CIE-LUV	30.634, -3.733, -13.038
Hunter-Lab	25.49, -0.314, -5.772
Binary	01000010, 01001000, 01011000

#424858
```
#424858 rgb(66,72,88)
```
#585242
```
#585242 rgb(88,82,66)
```

Complementary Color

#425358
```
#425358 rgb(66,83,88)
```
#424858
```
#424858 rgb(66,72,88)
```
#474258
```
#474258 rgb(71,66,88)
```

Analogous Color

#535842
```
#535842 rgb(83,88,66)
```
#424858
```
#424858 rgb(66,72,88)
```
#584742
```
#584742 rgb(88,71,66)
```

Split Complementary Color

#485842
```
#485842 rgb(72,88,66)
```
#424858
```
#424858 rgb(66,72,88)
```
#584248
```
#584248 rgb(88,66,72)
```

Triadic Color

#425852
```
#425852 rgb(66,88,82)
```
#424858
```
#424858 rgb(66,72,88)
```
#584248
```
#584248 rgb(88,66,72)
```
#585242
```
#585242 rgb(88,82,66)
```

Tetradic Color

#21242c
```
#21242c rgb(33,36,44)
```
#2c303b
```
#2c303b rgb(44,48,59)
```
#373c49
```
#373c49 rgb(55,60,73)
```
#424858
```
#424858 rgb(66,72,88)
```
#4d5467
```
#4d5467 rgb(77,84,103)
```
#586075
```
#586075 rgb(88,96,117)
```
#636c84
```
#636c84 rgb(99,108,132)
```

Monochromatic Color

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

#424e58
```
#424e58 rgb(66,78,88)
```
#424c58
```
#424c58 rgb(66,76,88)
```
#424a58
```
#424a58 rgb(66,74,88)
```
#424858
```
#424858 rgb(66,72,88)
```
#424658
```
#424658 rgb(66,70,88)
```
#424458
```
#424458 rgb(66,68,88)
```
#424358
```
#424358 rgb(66,67,88)
```

Similar Colors

Text with hexadecimal color #424858

This text has a font color of #424858.

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

#424858 background color

This paragraph has a background color of #424858.

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

#424858 border color

This element has a border color of #424858.

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

CSS codes

.text {color:#424858;}

.background {background-color:#424858;}

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

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, #07080a is the darkest color, while #fdfdfe is the lightest one.

#07080a
```
#07080a rgb(7,8,10)
```
#101115
```
#101115 rgb(16,17,21)
```
#181a20
```
#181a20 rgb(24,26,32)
```
#20232b
```
#20232b rgb(32,35,43)
```
#292c36
```
#292c36 rgb(41,44,54)
```
#313642
```
#313642 rgb(49,54,66)
```
#3a3f4d
```
#3a3f4d rgb(58,63,77)
```
#424858
```
#424858 rgb(66,72,88)
```
#4a5163
```
#4a5163 rgb(74,81,99)
```
#535a6e
```
#535a6e rgb(83,90,110)
```
#5b647a
```
#5b647a rgb(91,100,122)
```
#646d85
```
#646d85 rgb(100,109,133)
```
#6c7690
```
#6c7690 rgb(108,118,144)
```

Shade Color Variation

#778099
```
#778099 rgb(119,128,153)
```
#828ba1
```
#828ba1 rgb(130,139,161)
```
#8d95aa
```
#8d95aa rgb(141,149,170)
```
#989fb2
```
#989fb2 rgb(152,159,178)
```
#a4aaba
```
#a4aaba rgb(164,170,186)
```
#afb4c3
```
#afb4c3 rgb(175,180,195)
```
#babfcb
```
#babfcb rgb(186,191,203)
```
#c5c9d4
```
#c5c9d4 rgb(197,201,212)
```
#d0d4dc
```
#d0d4dc rgb(208,212,220)
```
#dcdee5
```
#dcdee5 rgb(220,222,229)
```
#e7e9ed
```
#e7e9ed rgb(231,233,237)
```
#f2f3f5
```
#f2f3f5 rgb(242,243,245)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#484b52
```
#484b52 rgb(72,75,82)
```
#424858
```
#424858 rgb(66,72,88)
```
#3c455e
```
#3c455e rgb(60,69,94)
```
#364364
```
#364364 rgb(54,67,100)
```
#30406a
```
#30406a rgb(48,64,106)
```
#2a3d70
```
#2a3d70 rgb(42,61,112)
```
#243b76
```
#243b76 rgb(36,59,118)
```
#1e387c
```
#1e387c rgb(30,56,124)
```
#193581
```
#193581 rgb(25,53,129)
```
#133287
```
#133287 rgb(19,50,135)
```
#0d308d
```
#0d308d rgb(13,48,141)
```
#072d93
```
#072d93 rgb(7,45,147)
```
#012a99
```
#012a99 rgb(1,42,153)
```

Tone Color Variation

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

#4e5060 Protanopia 1% of men
#515061 Deuteranopia 1% of men
#4a5258 Tritanopia 0.001% of the population

Trichromacy

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

#424858 hex color

#424858 Color Information

#424858 Color Conversion

Color Schemes with #424858

Alternatives to #424858

#424858 Preview

Shades and Tints of #424858

Tones of #424858

Color Blindness Simulator