#424660 hex color

In a RGB color space, hex #424660 is composed of 25.9% red, 27.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 27.1% magenta, 0% yellow and 62.4% black. It has a hue angle of 232 degrees, a saturation of 18.5% and a lightness of 31.8%. #424660 color hex could be obtained by blending #848cc0 with #000000. Closest websafe color is: #333366.

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

● #424660 color description : Very dark grayish blue.

The hexadecimal color #424660 has RGB values of R:66, G:70, B:96 and CMYK values of C:0.31, M:0.27, Y:0, K:0.62. Its decimal value is 4343392.

Hex triplet	424660	`#424660`
RGB Decimal	66, 70, 96	`rgb(66,70,96)`
RGB Percent	25.9, 27.5, 37.6	`rgb(25.9%,27.5%,37.6%)`
CMYK	31, 27, 0, 62
HSL	232°, 18.5, 31.8	`hsl(232,18.5%,31.8%)`
HSV (or HSB)	232°, 31.3, 37.6
Web Safe	333366	`#333366`

CIE-LAB	30.359, 5.147, -15.834
XYZ	6.548, 6.383, 11.953
xyY	0.263, 0.257, 6.383
CIE-LCH	30.359, 16.65, 288.007
CIE-LUV	30.359, -3.258, -20.724
Hunter-Lab	25.265, 2.049, -10.365
Binary	01000010, 01000110, 01100000

#424660
```
#424660 rgb(66,70,96)
```
#605c42
```
#605c42 rgb(96,92,66)
```

Complementary Color

#425560
```
#425560 rgb(66,85,96)
```
#424660
```
#424660 rgb(66,70,96)
```
#4d4260
```
#4d4260 rgb(77,66,96)
```

Analogous Color

#556042
```
#556042 rgb(85,96,66)
```
#424660
```
#424660 rgb(66,70,96)
```
#604d42
```
#604d42 rgb(96,77,66)
```

Split Complementary Color

#466042
```
#466042 rgb(70,96,66)
```
#424660
```
#424660 rgb(66,70,96)
```
#604246
```
#604246 rgb(96,66,70)
```

Triadic Color

#42605c
```
#42605c rgb(66,96,92)
```
#424660
```
#424660 rgb(66,70,96)
```
#604246
```
#604246 rgb(96,66,70)
```
#605c42
```
#605c42 rgb(96,92,66)
```

Tetradic Color

#232533
```
#232533 rgb(35,37,51)
```
#2d3042
```
#2d3042 rgb(45,48,66)
```
#383b51
```
#383b51 rgb(56,59,81)
```
#424660
```
#424660 rgb(66,70,96)
```
#4c516f
```
#4c516f rgb(76,81,111)
```
#575c7e
```
#575c7e rgb(87,92,126)
```
#61678d
```
#61678d rgb(97,103,141)
```

Monochromatic Color

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

#424e60
```
#424e60 rgb(66,78,96)
```
#424b60
```
#424b60 rgb(66,75,96)
```
#424960
```
#424960 rgb(66,73,96)
```
#424660
```
#424660 rgb(66,70,96)
```
#424460
```
#424460 rgb(66,68,96)
```
#434260
```
#434260 rgb(67,66,96)
```
#464260
```
#464260 rgb(70,66,96)
```

Similar Colors

Text with hexadecimal color #424660

This text has a font color of #424660.

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

#424660 background color

This paragraph has a background color of #424660.

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

#424660 border color

This element has a border color of #424660.

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

CSS codes

.text {color:#424660;}

.background {background-color:#424660;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0b0f
```
#0a0b0f rgb(10,11,15)
```
#12131a
```
#12131a rgb(18,19,26)
```
#1a1c26
```
#1a1c26 rgb(26,28,38)
```
#222432
```
#222432 rgb(34,36,50)
```
#2a2d3d
```
#2a2d3d rgb(42,45,61)
```
#323549
```
#323549 rgb(50,53,73)
```
#3a3e54
```
#3a3e54 rgb(58,62,84)
```
#424660
```
#424660 rgb(66,70,96)
```
#4a4e6c
```
#4a4e6c rgb(74,78,108)
```
#525777
```
#525777 rgb(82,87,119)
```
#5a5f83
```
#5a5f83 rgb(90,95,131)
```
#62688e
```
#62688e rgb(98,104,142)
```

Shade Color Variation

#6b7199
```
#6b7199 rgb(107,113,153)
```
#777ca1
```
#777ca1 rgb(119,124,161)
```
#8287a9
```
#8287a9 rgb(130,135,169)
```
#8e92b1
```
#8e92b1 rgb(142,146,177)
```
#999eb9
```
#999eb9 rgb(153,158,185)
```
#a5a9c1
```
#a5a9c1 rgb(165,169,193)
```
#b1b4c9
```
#b1b4c9 rgb(177,180,201)
```
#bcbfd1
```
#bcbfd1 rgb(188,191,209)
```
#c8cad9
```
#c8cad9 rgb(200,202,217)
```
#d4d5e1
```
#d4d5e1 rgb(212,213,225)
```
#dfe0e9
```
#dfe0e9 rgb(223,224,233)
```
#ebecf1
```
#ebecf1 rgb(235,236,241)
```
#f6f7f9
```
#f6f7f9 rgb(246,247,249)
```

Tint Color Variation

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

#4e4f54
```
#4e4f54 rgb(78,79,84)
```
#484b5a
```
#484b5a rgb(72,75,90)
```
#424660
```
#424660 rgb(66,70,96)
```
#3c4166
```
#3c4166 rgb(60,65,102)
```
#363d6c
```
#363d6c rgb(54,61,108)
```
#2f3873
```
#2f3873 rgb(47,56,115)
```
#293479
```
#293479 rgb(41,52,121)
```
#232f7f
```
#232f7f rgb(35,47,127)
```
#1d2b85
```
#1d2b85 rgb(29,43,133)
```
#16268c
```
#16268c rgb(22,38,140)
```
#102192
```
#102192 rgb(16,33,146)
```
#0a1d98
```
#0a1d98 rgb(10,29,152)
```
#04189e
```
#04189e rgb(4,24,158)
```

Tone Color Variation

Below, you can see how #424660 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
#47484d Atypical Achromatopsia 0.001% of the population

Dichromacy

#495068 Protanopia 1% of men
#4b4f68 Deuteranopia 1% of men
#475258 Tritanopia 0.001% of the population

Trichromacy

#464c65 Protanomaly 1% of men, 0.01% of women
#474c65 Deuteranomaly 6% of men, 0.4% of women
#454e5b Tritanomaly 0.01% of the population

#424660 hex color

#424660 Color Information

#424660 Color Conversion

Color Schemes with #424660

Alternatives to #424660

#424660 Preview

Shades and Tints of #424660

Tones of #424660

Color Blindness Simulator