colorhexa.com

#424ca1 hex color

In a RGB color space, hex #424ca1 is composed of 25.9% red, 29.8% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 52.8% magenta, 0% yellow and 36.9% black. It has a hue angle of 233.7 degrees, a saturation of 41.9% and a lightness of 44.5%. #424ca1 color hex could be obtained by blending #8498ff with #000043. Closest websafe color is: #333399.

- R 26
- G 30
- B 63
RGB color chart
- C 59
- M 53
- Y 0
- K 37
CMYK color chart

● #424ca1 color description : Dark moderate blue.

The hexadecimal color #424ca1 has RGB values of R:66, G:76, B:161 and CMYK values of C:0.59, M:0.53, Y:0, K:0.37. Its decimal value is 4344993.

Hex triplet	424ca1	`#424ca1`
RGB Decimal	66, 76, 161	`rgb(66,76,161)`
RGB Percent	25.9, 29.8, 63.1	`rgb(25.9%,29.8%,63.1%)`
CMYK	59, 53, 0, 37
HSL	233.7°, 41.9, 44.5	`hsl(233.7,41.9%,44.5%)`
HSV (or HSB)	233.7°, 59, 63.1
Web Safe	333399	`#333399`

CIE-LAB	35.791, 22.352, -47.501
XYZ	11.263, 8.9, 34.841
xyY	0.205, 0.162, 8.9
CIE-LCH	35.791, 52.498, 295.2
CIE-LUV	35.791, -7.963, -68.405
Hunter-Lab	29.833, 15.183, -48.36
Binary	01000010, 01001100, 10100001

#424ca1
```
#424ca1 rgb(66,76,161)
```
#a19742
```
#a19742 rgb(161,151,66)
```

Complementary Color

#427ca1
```
#427ca1 rgb(66,124,161)
```
#424ca1
```
#424ca1 rgb(66,76,161)
```
#6842a1
```
#6842a1 rgb(104,66,161)
```

Analogous Color

#7ca142
```
#7ca142 rgb(124,161,66)
```
#424ca1
```
#424ca1 rgb(66,76,161)
```
#a16842
```
#a16842 rgb(161,104,66)
```

Split Complementary Color

#4ca142
```
#4ca142 rgb(76,161,66)
```
#424ca1
```
#424ca1 rgb(66,76,161)
```
#a1424c
```
#a1424c rgb(161,66,76)
```

Triadic Color

#42a197
```
#42a197 rgb(66,161,151)
```
#424ca1
```
#424ca1 rgb(66,76,161)
```
#a1424c
```
#a1424c rgb(161,66,76)
```
#a19742
```
#a19742 rgb(161,151,66)
```

Tetradic Color

#2c326b
```
#2c326b rgb(44,50,107)
```
#333b7d
```
#333b7d rgb(51,59,125)
```
#3b438f
```
#3b438f rgb(59,67,143)
```
#424ca1
```
#424ca1 rgb(66,76,161)
```
#4955b3
```
#4955b3 rgb(73,85,179)
```
#5a65bc
```
#5a65bc rgb(90,101,188)
```
#6d76c3
```
#6d76c3 rgb(109,118,195)
```

Monochromatic Color

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

#4264a1
```
#4264a1 rgb(66,100,161)
```
#425ca1
```
#425ca1 rgb(66,92,161)
```
#4254a1
```
#4254a1 rgb(66,84,161)
```
#424ca1
```
#424ca1 rgb(66,76,161)
```
#4244a1
```
#4244a1 rgb(66,68,161)
```
#4842a1
```
#4842a1 rgb(72,66,161)
```
#5042a1
```
#5042a1 rgb(80,66,161)
```

Similar Colors

Text with hexadecimal color #424ca1

This text has a font color of #424ca1.

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

#424ca1 background color

This paragraph has a background color of #424ca1.

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

#424ca1 border color

This element has a border color of #424ca1.

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

CSS codes

.text {color:#424ca1;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#090a16
```
#090a16 rgb(9,10,22)
```
#0f1124
```
#0f1124 rgb(15,17,36)
```
#141732
```
#141732 rgb(20,23,50)
```
#1a1e40
```
#1a1e40 rgb(26,30,64)
```
#20254e
```
#20254e rgb(32,37,78)
```
#252b5b
```
#252b5b rgb(37,43,91)
```
#2b3269
```
#2b3269 rgb(43,50,105)
```
#313877
```
#313877 rgb(49,56,119)
```
#373f85
```
#373f85 rgb(55,63,133)
```
#3c4593
```
#3c4593 rgb(60,69,147)
```
#424ca1
```
#424ca1 rgb(66,76,161)
```
#4853af
```
#4853af rgb(72,83,175)
```

Shade Color Variation

#525db8
```
#525db8 rgb(82,93,184)
```
#606abe
```
#606abe rgb(96,106,190)
```
#6e77c4
```
#6e77c4 rgb(110,119,196)
```
#7c84c9
```
#7c84c9 rgb(124,132,201)
```
#8a91cf
```
#8a91cf rgb(138,145,207)
```
#989ed5
```
#989ed5 rgb(152,158,213)
```
#a6abda
```
#a6abda rgb(166,171,218)
```
#b3b8e0
```
#b3b8e0 rgb(179,184,224)
```
#c1c5e6
```
#c1c5e6 rgb(193,197,230)
```
#cfd2eb
```
#cfd2eb rgb(207,210,235)
```
#dddff1
```
#dddff1 rgb(221,223,241)
```
#ebecf7
```
#ebecf7 rgb(235,236,247)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#6e6e75
```
#6e6e75 rgb(110,110,117)
```
#65687e
```
#65687e rgb(101,104,126)
```
#5c6187
```
#5c6187 rgb(92,97,135)
```
#535a90
```
#535a90 rgb(83,90,144)
```
#4b5398
```
#4b5398 rgb(75,83,152)
```
#424ca1
```
#424ca1 rgb(66,76,161)
```
#3945aa
```
#3945aa rgb(57,69,170)
```
#313eb2
```
#313eb2 rgb(49,62,178)
```
#2837bb
```
#2837bb rgb(40,55,187)
```
#1f30c4
```
#1f30c4 rgb(31,48,196)
```
#162acd
```
#162acd rgb(22,42,205)
```
#0e23d5
```
#0e23d5 rgb(14,35,213)
```
#051cde
```
#051cde rgb(5,28,222)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#505263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#255aaa Protanopia 1% of men
#005e9d Deuteranopia 1% of men
#2b646c Tritanopia 0.001% of the population

Trichromacy

#3055a7 Protanomaly 1% of men, 0.01% of women
#18579e Deuteranomaly 6% of men, 0.4% of women
#335b7f Tritanomaly 0.01% of the population