#424450 hex color

In a RGB color space, hex #424450 is composed of 25.9% red, 26.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 15% magenta, 0% yellow and 68.6% black. It has a hue angle of 231.4 degrees, a saturation of 9.6% and a lightness of 28.6%. #424450 color hex could be obtained by blending #8488a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 26
- G 27
- B 31
RGB color chart
- C 18
- M 15
- Y 0
- K 69
CMYK color chart

● #424450 color description : Very dark grayish blue.

The hexadecimal color #424450 has RGB values of R:66, G:68, B:80 and CMYK values of C:0.18, M:0.15, Y:0, K:0.69. Its decimal value is 4342864.

Hex triplet	424450	`#424450`
RGB Decimal	66, 68, 80	`rgb(66,68,80)`
RGB Percent	25.9, 26.7, 31.4	`rgb(25.9%,26.7%,31.4%)`
CMYK	18, 15, 0, 69
HSL	231.4°, 9.6, 28.6	`hsl(231.4,9.6%,28.6%)`
HSV (or HSB)	231.4°, 17.5, 31.4
Web Safe	333366	`#333366`

CIE-LAB	29.086, 2.076, -7.469
XYZ	5.762, 5.872, 8.419
xyY	0.287, 0.293, 5.872
CIE-LCH	29.086, 7.752, 285.533
CIE-LUV	29.086, -1.635, -9.305
Hunter-Lab	24.231, 0.037, -3.637
Binary	01000010, 01000100, 01010000

#424450
```
#424450 rgb(66,68,80)
```
#504e42
```
#504e42 rgb(80,78,66)
```

Complementary Color

#424b50
```
#424b50 rgb(66,75,80)
```
#424450
```
#424450 rgb(66,68,80)
```
#474250
```
#474250 rgb(71,66,80)
```

Analogous Color

#4b5042
```
#4b5042 rgb(75,80,66)
```
#424450
```
#424450 rgb(66,68,80)
```
#504742
```
#504742 rgb(80,71,66)
```

Split Complementary Color

#445042
```
#445042 rgb(68,80,66)
```
#424450
```
#424450 rgb(66,68,80)
```
#504244
```
#504244 rgb(80,66,68)
```

Triadic Color

#42504e
```
#42504e rgb(66,80,78)
```
#424450
```
#424450 rgb(66,68,80)
```
#504244
```
#504244 rgb(80,66,68)
```
#504e42
```
#504e42 rgb(80,78,66)
```

Tetradic Color

#1f2026
```
#1f2026 rgb(31,32,38)
```
#2b2c34
```
#2b2c34 rgb(43,44,52)
```
#363842
```
#363842 rgb(54,56,66)
```
#424450
```
#424450 rgb(66,68,80)
```
#4e505e
```
#4e505e rgb(78,80,94)
```
#595c6c
```
#595c6c rgb(89,92,108)
```
#65687a
```
#65687a rgb(101,104,122)
```

Monochromatic Color

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

#424850
```
#424850 rgb(66,72,80)
```
#424650
```
#424650 rgb(66,70,80)
```
#424550
```
#424550 rgb(66,69,80)
```
#424450
```
#424450 rgb(66,68,80)
```
#424350
```
#424350 rgb(66,67,80)
```
#424250
```
#424250 rgb(66,66,80)
```
#444250
```
#444250 rgb(68,66,80)
```

Similar Colors

Text with hexadecimal color #424450

This text has a font color of #424450.

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

#424450 background color

This paragraph has a background color of #424450.

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

#424450 border color

This element has a border color of #424450.

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

CSS codes

.text {color:#424450;}

.background {background-color:#424450;}

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0d0d10
```
#0d0d10 rgb(13,13,16)
```
#16161a
```
#16161a rgb(22,22,26)
```
#1f1f25
```
#1f1f25 rgb(31,31,37)
```
#272930
```
#272930 rgb(39,41,48)
```
#30323b
```
#30323b rgb(48,50,59)
```
#393b45
```
#393b45 rgb(57,59,69)
```
#424450
```
#424450 rgb(66,68,80)
```
#4b4d5b
```
#4b4d5b rgb(75,77,91)
```
#545665
```
#545665 rgb(84,86,101)
```
#5d5f70
```
#5d5f70 rgb(93,95,112)
```
#65697b
```
#65697b rgb(101,105,123)
```
#6e7286
```
#6e7286 rgb(110,114,134)
```

Shade Color Variation

#787b90
```
#787b90 rgb(120,123,144)
```
#838699
```
#838699 rgb(131,134,153)
```
#8e90a1
```
#8e90a1 rgb(142,144,161)
```
#989baa
```
#989baa rgb(152,155,170)
```
#a3a5b3
```
#a3a5b3 rgb(163,165,179)
```
#aeb0bc
```
#aeb0bc rgb(174,176,188)
```
#b9bac5
```
#b9bac5 rgb(185,186,197)
```
#c3c5ce
```
#c3c5ce rgb(195,197,206)
```
#cecfd7
```
#cecfd7 rgb(206,207,215)
```
#d9dadf
```
#d9dadf rgb(217,218,223)
```
#e4e4e8
```
#e4e4e8 rgb(228,228,232)
```
#eeeff1
```
#eeeff1 rgb(238,239,241)
```
#f9f9fa
```
#f9f9fa rgb(249,249,250)
```

Tint Color Variation

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

#48484a
```
#48484a rgb(72,72,74)
```
#424450
```
#424450 rgb(66,68,80)
```
#3c4056
```
#3c4056 rgb(60,64,86)
```
#373c5b
```
#373c5b rgb(55,60,91)
```
#313861
```
#313861 rgb(49,56,97)
```
#2c3466
```
#2c3466 rgb(44,52,102)
```
#26306c
```
#26306c rgb(38,48,108)
```
#202c72
```
#202c72 rgb(32,44,114)
```
#1b2877
```
#1b2877 rgb(27,40,119)
```
#15247d
```
#15247d rgb(21,36,125)
```
#0f2083
```
#0f2083 rgb(15,32,131)
```
#0a1c88
```
#0a1c88 rgb(10,28,136)
```
#04188e
```
#04188e rgb(4,24,142)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#444547 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4d59 Protanopia 1% of men
#4f4c59 Deuteranopia 1% of men
#4a4e54 Tritanopia 0.001% of the population

Trichromacy

#484a55 Protanomaly 1% of men, 0.01% of women
#4a4956 Deuteranomaly 6% of men, 0.4% of women
#474a52 Tritanomaly 0.01% of the population

#424450 hex color

#424450 Color Information

#424450 Color Conversion

Color Schemes with #424450

Alternatives to #424450

#424450 Preview

Shades and Tints of #424450

Tones of #424450

Color Blindness Simulator