#424260 hex color

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

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

● #424260 color description : Very dark grayish blue.

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

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

CIE-LAB	29.157, 7.773, -17.691
XYZ	6.306, 5.899, 11.872
xyY	0.262, 0.245, 5.899
CIE-LCH	29.157, 19.324, 293.72
CIE-LUV	29.157, -1.676, -23.203
Hunter-Lab	24.288, 3.84, -11.979
Binary	01000010, 01000010, 01100000

#424260
```
#424260 rgb(66,66,96)
```
#606042
```
#606042 rgb(96,96,66)
```

Complementary Color

#425160
```
#425160 rgb(66,81,96)
```
#424260
```
#424260 rgb(66,66,96)
```
#514260
```
#514260 rgb(81,66,96)
```

Analogous Color

#516042
```
#516042 rgb(81,96,66)
```
#424260
```
#424260 rgb(66,66,96)
```
#605142
```
#605142 rgb(96,81,66)
```

Split Complementary Color

#426042
```
#426042 rgb(66,96,66)
```
#424260
```
#424260 rgb(66,66,96)
```
#604242
```
#604242 rgb(96,66,66)
```

Triadic Color

#426060
```
#426060 rgb(66,96,96)
```
#424260
```
#424260 rgb(66,66,96)
```
#604242
```
#604242 rgb(96,66,66)
```
#606042
```
#606042 rgb(96,96,66)
```

Tetradic Color

#232333
```
#232333 rgb(35,35,51)
```
#2d2d42
```
#2d2d42 rgb(45,45,66)
```
#383851
```
#383851 rgb(56,56,81)
```
#424260
```
#424260 rgb(66,66,96)
```
#4c4c6f
```
#4c4c6f rgb(76,76,111)
```
#57577e
```
#57577e rgb(87,87,126)
```
#61618d
```
#61618d rgb(97,97,141)
```

Monochromatic Color

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

#424a60
```
#424a60 rgb(66,74,96)
```
#424760
```
#424760 rgb(66,71,96)
```
#424560
```
#424560 rgb(66,69,96)
```
#424260
```
#424260 rgb(66,66,96)
```
#454260
```
#454260 rgb(69,66,96)
```
#474260
```
#474260 rgb(71,66,96)
```
#4a4260
```
#4a4260 rgb(74,66,96)
```

Similar Colors

Text with hexadecimal color #424260

This text has a font color of #424260.

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

#424260 background color

This paragraph has a background color of #424260.

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

#424260 border color

This element has a border color of #424260.

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

CSS codes

.text {color:#424260;}

.background {background-color:#424260;}

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

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 #f6f6f9 is the lightest one.

#020203
```
#020203 rgb(2,2,3)
```
#0a0a0f
```
#0a0a0f rgb(10,10,15)
```
#12121a
```
#12121a rgb(18,18,26)
```
#1a1a26
```
#1a1a26 rgb(26,26,38)
```
#222232
```
#222232 rgb(34,34,50)
```
#2a2a3d
```
#2a2a3d rgb(42,42,61)
```
#323249
```
#323249 rgb(50,50,73)
```
#3a3a54
```
#3a3a54 rgb(58,58,84)
```
#424260
```
#424260 rgb(66,66,96)
```
#4a4a6c
```
#4a4a6c rgb(74,74,108)
```
#525277
```
#525277 rgb(82,82,119)
```
#5a5a83
```
#5a5a83 rgb(90,90,131)
```
#62628e
```
#62628e rgb(98,98,142)
```

Shade Color Variation

#6b6b99
```
#6b6b99 rgb(107,107,153)
```
#7777a1
```
#7777a1 rgb(119,119,161)
```
#8282a9
```
#8282a9 rgb(130,130,169)
```
#8e8eb1
```
#8e8eb1 rgb(142,142,177)
```
#9999b9
```
#9999b9 rgb(153,153,185)
```
#a5a5c1
```
#a5a5c1 rgb(165,165,193)
```
#b1b1c9
```
#b1b1c9 rgb(177,177,201)
```
#bcbcd1
```
#bcbcd1 rgb(188,188,209)
```
#c8c8d9
```
#c8c8d9 rgb(200,200,217)
```
#d4d4e1
```
#d4d4e1 rgb(212,212,225)
```
#dfdfe9
```
#dfdfe9 rgb(223,223,233)
```
#ebebf1
```
#ebebf1 rgb(235,235,241)
```
#f6f6f9
```
#f6f6f9 rgb(246,246,249)
```

Tint Color Variation

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

#4e4e54
```
#4e4e54 rgb(78,78,84)
```
#48485a
```
#48485a rgb(72,72,90)
```
#424260
```
#424260 rgb(66,66,96)
```
#3c3c66
```
#3c3c66 rgb(60,60,102)
```
#36366c
```
#36366c rgb(54,54,108)
```
#2f2f73
```
#2f2f73 rgb(47,47,115)
```
#292979
```
#292979 rgb(41,41,121)
```
#23237f
```
#23237f rgb(35,35,127)
```
#1d1d85
```
#1d1d85 rgb(29,29,133)
```
#16168c
```
#16168c rgb(22,22,140)
```
#101092
```
#101092 rgb(16,16,146)
```
#0a0a98
```
#0a0a98 rgb(10,10,152)
```
#04049e
```
#04049e rgb(4,4,158)
```

Tone Color Variation

Below, you can see how #424260 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
#44444a Atypical Achromatopsia 0.001% of the population

Dichromacy

#454d69 Protanopia 1% of men
#464d67 Deuteranopia 1% of men
#474f55 Tritanopia 0.001% of the population

Trichromacy

#444965 Protanomaly 1% of men, 0.01% of women
#444964 Deuteranomaly 6% of men, 0.4% of women
#454a59 Tritanomaly 0.01% of the population

#424260 hex color

#424260 Color Information

#424260 Color Conversion

Color Schemes with #424260

Alternatives to #424260

#424260 Preview

Shades and Tints of #424260

Tones of #424260

Color Blindness Simulator