#424a55 hex color

In a RGB color space, hex #424a55 is composed of 25.9% red, 29% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 12.9% magenta, 0% yellow and 66.7% black. It has a hue angle of 214.7 degrees, a saturation of 12.6% and a lightness of 29.6%. #424a55 color hex could be obtained by blending #8494aa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 26
- G 29
- B 33
RGB color chart
- C 22
- M 13
- Y 0
- K 67
CMYK color chart

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

The hexadecimal color #424a55 has RGB values of R:66, G:74, B:85 and CMYK values of C:0.22, M:0.13, Y:0, K:0.67. Its decimal value is 4344405.

Hex triplet	424a55	`#424a55`
RGB Decimal	66, 74, 85	`rgb(66,74,85)`
RGB Percent	25.9, 29, 33.3	`rgb(25.9%,29%,33.3%)`
CMYK	22, 13, 0, 67
HSL	214.7°, 12.6, 29.6	`hsl(214.7,12.6%,29.6%)`
HSV (or HSB)	214.7°, 22.4, 33.3
Web Safe	333366	`#333366`

CIE-LAB	31.141, -0.471, -7.6
XYZ	6.335, 6.712, 9.556
xyY	0.28, 0.297, 6.712
CIE-LCH	31.141, 7.615, 266.454
CIE-LUV	31.141, -4.483, -9.362
Hunter-Lab	25.907, -1.689, -3.734
Binary	01000010, 01001010, 01010101

#424a55
```
#424a55 rgb(66,74,85)
```
#554d42
```
#554d42 rgb(85,77,66)
```

Complementary Color

#425455
```
#425455 rgb(66,84,85)
```
#424a55
```
#424a55 rgb(66,74,85)
```
#444255
```
#444255 rgb(68,66,85)
```

Analogous Color

#545542
```
#545542 rgb(84,85,66)
```
#424a55
```
#424a55 rgb(66,74,85)
```
#554442
```
#554442 rgb(85,68,66)
```

Split Complementary Color

#4a5542
```
#4a5542 rgb(74,85,66)
```
#424a55
```
#424a55 rgb(66,74,85)
```
#55424a
```
#55424a rgb(85,66,74)
```

Triadic Color

#42554d
```
#42554d rgb(66,85,77)
```
#424a55
```
#424a55 rgb(66,74,85)
```
#55424a
```
#55424a rgb(85,66,74)
```
#554d42
```
#554d42 rgb(85,77,66)
```

Tetradic Color

#21252a
```
#21252a rgb(33,37,42)
```
#2c3138
```
#2c3138 rgb(44,49,56)
```
#373e47
```
#373e47 rgb(55,62,71)
```
#424a55
```
#424a55 rgb(66,74,85)
```
#4d5663
```
#4d5663 rgb(77,86,99)
```
#586372
```
#586372 rgb(88,99,114)
```
#636f80
```
#636f80 rgb(99,111,128)
```

Monochromatic Color

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

#424f55
```
#424f55 rgb(66,79,85)
```
#424d55
```
#424d55 rgb(66,77,85)
```
#424c55
```
#424c55 rgb(66,76,85)
```
#424a55
```
#424a55 rgb(66,74,85)
```
#424855
```
#424855 rgb(66,72,85)
```
#424755
```
#424755 rgb(66,71,85)
```
#424555
```
#424555 rgb(66,69,85)
```

Similar Colors

Text with hexadecimal color #424a55

This text has a font color of #424a55.

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

#424a55 background color

This paragraph has a background color of #424a55.

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

#424a55 border color

This element has a border color of #424a55.

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

CSS codes

.text {color:#424a55;}

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

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0f1013
```
#0f1013 rgb(15,16,19)
```
#171a1e
```
#171a1e rgb(23,26,30)
```
#202429
```
#202429 rgb(32,36,41)
```
#282d34
```
#282d34 rgb(40,45,52)
```
#31373f
```
#31373f rgb(49,55,63)
```
#39404a
```
#39404a rgb(57,64,74)
```
#424a55
```
#424a55 rgb(66,74,85)
```
#4b5460
```
#4b5460 rgb(75,84,96)
```
#535d6b
```
#535d6b rgb(83,93,107)
```
#5c6776
```
#5c6776 rgb(92,103,118)
```
#647081
```
#647081 rgb(100,112,129)
```
#6d7a8c
```
#6d7a8c rgb(109,122,140)
```

Shade Color Variation

#778496
```
#778496 rgb(119,132,150)
```
#828e9e
```
#828e9e rgb(130,142,158)
```
#8d98a7
```
#8d98a7 rgb(141,152,167)
```
#98a2af
```
#98a2af rgb(152,162,175)
```
#a3acb8
```
#a3acb8 rgb(163,172,184)
```
#aeb6c0
```
#aeb6c0 rgb(174,182,192)
```
#b9c0c9
```
#b9c0c9 rgb(185,192,201)
```
#c4cad2
```
#c4cad2 rgb(196,202,210)
```
#cfd4da
```
#cfd4da rgb(207,212,218)
```
#dbdee3
```
#dbdee3 rgb(219,222,227)
```
#e6e8eb
```
#e6e8eb rgb(230,232,235)
```
#f1f2f4
```
#f1f2f4 rgb(241,242,244)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#484b4f
```
#484b4f rgb(72,75,79)
```
#424a55
```
#424a55 rgb(66,74,85)
```
#3c495b
```
#3c495b rgb(60,73,91)
```
#364861
```
#364861 rgb(54,72,97)
```
#314766
```
#314766 rgb(49,71,102)
```
#2b466c
```
#2b466c rgb(43,70,108)
```
#254572
```
#254572 rgb(37,69,114)
```
#1f4478
```
#1f4478 rgb(31,68,120)
```
#19447e
```
#19447e rgb(25,68,126)
```
#144383
```
#144383 rgb(20,67,131)
```
#0e4289
```
#0e4289 rgb(14,66,137)
```
#08418f
```
#08418f rgb(8,65,143)
```
#024095
```
#024095 rgb(2,64,149)
```

Tone Color Variation

Below, you can see how #424a55 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
#48494b Atypical Achromatopsia 0.001% of the population

Dichromacy

#50525d Protanopia 1% of men
#54505e Deuteranopia 1% of men
#4a545a Tritanopia 0.001% of the population

Trichromacy

#4b4f5a Protanomaly 1% of men, 0.01% of women
#4d4e5b Deuteranomaly 6% of men, 0.4% of women
#475058 Tritanomaly 0.01% of the population

#424a55 hex color

#424a55 Color Information

#424a55 Color Conversion

Color Schemes with #424a55

Alternatives to #424a55

#424a55 Preview

Shades and Tints of #424a55

Tones of #424a55

Color Blindness Simulator