#424ea5 hex color

In a RGB color space, hex #424ea5 is composed of 25.9% red, 30.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 52.7% magenta, 0% yellow and 35.3% black. It has a hue angle of 232.7 degrees, a saturation of 42.9% and a lightness of 45.3%. #424ea5 color hex could be obtained by blending #849cff with #00004b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 26
- G 31
- B 65
RGB color chart
- C 60
- M 53
- Y 0
- K 35
CMYK color chart

● #424ea5 color description : Dark moderate blue.

The hexadecimal color #424ea5 has RGB values of R:66, G:78, B:165 and CMYK values of C:0.6, M:0.53, Y:0, K:0.35. Its decimal value is 4345509.

Hex triplet	424ea5	`#424ea5`
RGB Decimal	66, 78, 165	`rgb(66,78,165)`
RGB Percent	25.9, 30.6, 64.7	`rgb(25.9%,30.6%,64.7%)`
CMYK	60, 53, 0, 35
HSL	232.7°, 42.9, 45.3	`hsl(232.7,42.9%,45.3%)`
HSV (or HSB)	232.7°, 60, 64.7
Web Safe	336699	`#336699`

CIE-LAB	36.599, 22.438, -48.594
XYZ	11.761, 9.323, 36.775
xyY	0.203, 0.161, 9.323
CIE-LCH	36.599, 53.524, 294.785
CIE-LUV	36.599, -8.674, -70.414
Hunter-Lab	30.534, 15.322, -50.036
Binary	01000010, 01001110, 10100101

#424ea5
```
#424ea5 rgb(66,78,165)
```
#a59942
```
#a59942 rgb(165,153,66)
```

Complementary Color

#4280a5
```
#4280a5 rgb(66,128,165)
```
#424ea5
```
#424ea5 rgb(66,78,165)
```
#6842a5
```
#6842a5 rgb(104,66,165)
```

Analogous Color

#80a542
```
#80a542 rgb(128,165,66)
```
#424ea5
```
#424ea5 rgb(66,78,165)
```
#a56842
```
#a56842 rgb(165,104,66)
```

Split Complementary Color

#4ea542
```
#4ea542 rgb(78,165,66)
```
#424ea5
```
#424ea5 rgb(66,78,165)
```
#a5424e
```
#a5424e rgb(165,66,78)
```

Triadic Color

#42a599
```
#42a599 rgb(66,165,153)
```
#424ea5
```
#424ea5 rgb(66,78,165)
```
#a5424e
```
#a5424e rgb(165,66,78)
```
#a59942
```
#a59942 rgb(165,153,66)
```

Tetradic Color

#2c346e
```
#2c346e rgb(44,52,110)
```
#333d81
```
#333d81 rgb(51,61,129)
```
#3b4593
```
#3b4593 rgb(59,69,147)
```
#424ea5
```
#424ea5 rgb(66,78,165)
```
#4a57b7
```
#4a57b7 rgb(74,87,183)
```
#5c68be
```
#5c68be rgb(92,104,190)
```
#6e79c5
```
#6e79c5 rgb(110,121,197)
```

Monochromatic Color

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

#4267a5
```
#4267a5 rgb(66,103,165)
```
#425fa5
```
#425fa5 rgb(66,95,165)
```
#4256a5
```
#4256a5 rgb(66,86,165)
```
#424ea5
```
#424ea5 rgb(66,78,165)
```
#4246a5
```
#4246a5 rgb(66,70,165)
```
#4642a5
```
#4642a5 rgb(70,66,165)
```
#4f42a5
```
#4f42a5 rgb(79,66,165)
```

Similar Colors

Text with hexadecimal color #424ea5

This text has a font color of #424ea5.

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

#424ea5 background color

This paragraph has a background color of #424ea5.

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

#424ea5 border color

This element has a border color of #424ea5.

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

CSS codes

.text {color:#424ea5;}

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

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

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, #04050b is the darkest color, while #fcfcfe is the lightest one.

#04050b
```
#04050b rgb(4,5,11)
```
#0a0c19
```
#0a0c19 rgb(10,12,25)
```
#101227
```
#101227 rgb(16,18,39)
```
#151935
```
#151935 rgb(21,25,53)
```
#1b2043
```
#1b2043 rgb(27,32,67)
```
#202651
```
#202651 rgb(32,38,81)
```
#262d5f
```
#262d5f rgb(38,45,95)
```
#2c346d
```
#2c346d rgb(44,52,109)
```
#313a7b
```
#313a7b rgb(49,58,123)
```
#374189
```
#374189 rgb(55,65,137)
```
#3c4797
```
#3c4797 rgb(60,71,151)
```
#424ea5
```
#424ea5 rgb(66,78,165)
```
#4855b3
```
#4855b3 rgb(72,85,179)
```

Shade Color Variation

#5460ba
```
#5460ba rgb(84,96,186)
```
#626dc0
```
#626dc0 rgb(98,109,192)
```
#707ac6
```
#707ac6 rgb(112,122,198)
```
#7e87cb
```
#7e87cb rgb(126,135,203)
```
#8c94d1
```
#8c94d1 rgb(140,148,209)
```
#9aa1d7
```
#9aa1d7 rgb(154,161,215)
```
#a8aedc
```
#a8aedc rgb(168,174,220)
```
#b6bbe2
```
#b6bbe2 rgb(182,187,226)
```
#c4c8e7
```
#c4c8e7 rgb(196,200,231)
```
#d2d5ed
```
#d2d5ed rgb(210,213,237)
```
#e0e2f3
```
#e0e2f3 rgb(224,226,243)
```
#eeeff8
```
#eeeff8 rgb(238,239,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7079 is the less saturated color, while #041fe3 is the most saturated one.

#6e7079
```
#6e7079 rgb(110,112,121)
```
#666981
```
#666981 rgb(102,105,129)
```
#5d628a
```
#5d628a rgb(93,98,138)
```
#545b93
```
#545b93 rgb(84,91,147)
```
#4b559c
```
#4b559c rgb(75,85,156)
```
#424ea5
```
#424ea5 rgb(66,78,165)
```
#3947ae
```
#3947ae rgb(57,71,174)
```
#3041b7
```
#3041b7 rgb(48,65,183)
```
#273ac0
```
#273ac0 rgb(39,58,192)
```
#1e33c9
```
#1e33c9 rgb(30,51,201)
```
#162cd1
```
#162cd1 rgb(22,44,209)
```
#0d26da
```
#0d26da rgb(13,38,218)
```
#041fe3
```
#041fe3 rgb(4,31,227)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#505364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#255cae Protanopia 1% of men
#0060a0 Deuteranopia 1% of men
#28666e Tritanopia 0.001% of the population

Trichromacy

#3057aa Protanomaly 1% of men, 0.01% of women
#1859a1 Deuteranomaly 6% of men, 0.4% of women
#315d82 Tritanomaly 0.01% of the population

#424ea5 hex color

#424ea5 Color Information

#424ea5 Color Conversion

Color Schemes with #424ea5

Alternatives to #424ea5

#424ea5 Preview

Shades and Tints of #424ea5

Tones of #424ea5

Color Blindness Simulator