#424e54 hex color

In a RGB color space, hex #424e54 is composed of 25.9% red, 30.6% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 21.4% cyan, 7.1% magenta, 0% yellow and 67.1% black. It has a hue angle of 200 degrees, a saturation of 12% and a lightness of 29.4%. #424e54 color hex could be obtained by blending #849ca8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 26
- G 31
- B 33
RGB color chart
- C 21
- M 7
- Y 0
- K 67
CMYK color chart

● #424e54 color description : Very dark grayish blue.

The hexadecimal color #424e54 has RGB values of R:66, G:78, B:84 and CMYK values of C:0.21, M:0.07, Y:0, K:0.67. Its decimal value is 4345428.

Hex triplet	424e54	`#424e54`
RGB Decimal	66, 78, 84	`rgb(66,78,84)`
RGB Percent	25.9, 30.6, 32.9	`rgb(25.9%,30.6%,32.9%)`
CMYK	21, 7, 0, 67
HSL	200°, 12, 29.4	`hsl(200,12%,29.4%)`
HSV (or HSB)	200°, 21.4, 32.9
Web Safe	336666	`#336666`

CIE-LAB	32.363, -3.248, -5.133
XYZ	6.571, 7.247, 9.44
xyY	0.283, 0.312, 7.247
CIE-LCH	32.363, 6.075, 237.676
CIE-LUV	32.363, -6.225, -5.941
Hunter-Lab	26.92, -3.54, -1.946
Binary	01000010, 01001110, 01010100

#424e54
```
#424e54 rgb(66,78,84)
```
#544842
```
#544842 rgb(84,72,66)
```

Complementary Color

#425451
```
#425451 rgb(66,84,81)
```
#424e54
```
#424e54 rgb(66,78,84)
```
#424554
```
#424554 rgb(66,69,84)
```

Analogous Color

#545142
```
#545142 rgb(84,81,66)
```
#424e54
```
#424e54 rgb(66,78,84)
```
#544245
```
#544245 rgb(84,66,69)
```

Split Complementary Color

#4e5442
```
#4e5442 rgb(78,84,66)
```
#424e54
```
#424e54 rgb(66,78,84)
```
#54424e
```
#54424e rgb(84,66,78)
```

Triadic Color

#425448
```
#425448 rgb(66,84,72)
```
#424e54
```
#424e54 rgb(66,78,84)
```
#54424e
```
#54424e rgb(84,66,78)
```
#544842
```
#544842 rgb(84,72,66)
```

Tetradic Color

#202629
```
#202629 rgb(32,38,41)
```
#2c3337
```
#2c3337 rgb(44,51,55)
```
#374146
```
#374146 rgb(55,65,70)
```
#424e54
```
#424e54 rgb(66,78,84)
```
#4d5b62
```
#4d5b62 rgb(77,91,98)
```
#586971
```
#586971 rgb(88,105,113)
```
#64767f
```
#64767f rgb(100,118,127)
```

Monochromatic Color

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

#425354
```
#425354 rgb(66,83,84)
```
#425154
```
#425154 rgb(66,81,84)
```
#425054
```
#425054 rgb(66,80,84)
```
#424e54
```
#424e54 rgb(66,78,84)
```
#424d54
```
#424d54 rgb(66,77,84)
```
#424b54
```
#424b54 rgb(66,75,84)
```
#424a54
```
#424a54 rgb(66,74,84)
```

Similar Colors

Text with hexadecimal color #424e54

This text has a font color of #424e54.

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

#424e54 background color

This paragraph has a background color of #424e54.

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

#424e54 border color

This element has a border color of #424e54.

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

CSS codes

.text {color:#424e54;}

.background {background-color:#424e54;}

.border {border:1px solid #424e54;}

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

#060707
```
#060707 rgb(6,7,7)
```
#0e1112
```
#0e1112 rgb(14,17,18)
```
#171b1d
```
#171b1d rgb(23,27,29)
```
#1f2528
```
#1f2528 rgb(31,37,40)
```
#282f33
```
#282f33 rgb(40,47,51)
```
#313a3e
```
#313a3e rgb(49,58,62)
```
#394449
```
#394449 rgb(57,68,73)
```
#424e54
```
#424e54 rgb(66,78,84)
```
#4b585f
```
#4b585f rgb(75,88,95)
```
#53626a
```
#53626a rgb(83,98,106)
```
#5c6d75
```
#5c6d75 rgb(92,109,117)
```
#657780
```
#657780 rgb(101,119,128)
```
#6d818b
```
#6d818b rgb(109,129,139)
```

Shade Color Variation

#778b94
```
#778b94 rgb(119,139,148)
```
#82949d
```
#82949d rgb(130,148,157)
```
#8d9ea6
```
#8d9ea6 rgb(141,158,166)
```
#98a7ae
```
#98a7ae rgb(152,167,174)
```
#a3b0b7
```
#a3b0b7 rgb(163,176,183)
```
#aebac0
```
#aebac0 rgb(174,186,192)
```
#b9c3c8
```
#b9c3c8 rgb(185,195,200)
```
#c4cdd1
```
#c4cdd1 rgb(196,205,209)
```
#cfd6d9
```
#cfd6d9 rgb(207,214,217)
```
#dadfe2
```
#dadfe2 rgb(218,223,226)
```
#e5e9eb
```
#e5e9eb rgb(229,233,235)
```
#f0f2f3
```
#f0f2f3 rgb(240,242,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#484c4e
```
#484c4e rgb(72,76,78)
```
#424e54
```
#424e54 rgb(66,78,84)
```
#3c505a
```
#3c505a rgb(60,80,90)
```
#365260
```
#365260 rgb(54,82,96)
```
#315465
```
#315465 rgb(49,84,101)
```
#2b566b
```
#2b566b rgb(43,86,107)
```
#255871
```
#255871 rgb(37,88,113)
```
#1f5a77
```
#1f5a77 rgb(31,90,119)
```
#1a5b7c
```
#1a5b7c rgb(26,91,124)
```
#145d82
```
#145d82 rgb(20,93,130)
```
#0e5f88
```
#0e5f88 rgb(14,95,136)
```
#08618e
```
#08618e rgb(8,97,142)
```
#036393
```
#036393 rgb(3,99,147)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#494c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#54545b Protanopia 1% of men
#59535e Deuteranopia 1% of men
#4b575d Tritanopia 0.001% of the population

Trichromacy

#4e5258 Protanomaly 1% of men, 0.01% of women
#50515a Deuteranomaly 6% of men, 0.4% of women
#485359 Tritanomaly 0.01% of the population

#424e54 hex color

#424e54 Color Information

#424e54 Color Conversion

Color Schemes with #424e54

Alternatives to #424e54

#424e54 Preview

Shades and Tints of #424e54

Tones of #424e54

Color Blindness Simulator