#424fa4 hex color

In a RGB color space, hex #424fa4 is composed of 25.9% red, 31% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 51.8% magenta, 0% yellow and 35.7% black. It has a hue angle of 232 degrees, a saturation of 42.6% and a lightness of 45.1%. #424fa4 color hex could be obtained by blending #849eff with #000049. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 26
- G 31
- B 64
RGB color chart
- C 60
- M 52
- Y 0
- K 36
CMYK color chart

● #424fa4 color description : Dark moderate blue.

The hexadecimal color #424fa4 has RGB values of R:66, G:79, B:164 and CMYK values of C:0.6, M:0.52, Y:0, K:0.36. Its decimal value is 4345764.

Hex triplet	424fa4	`#424fa4`
RGB Decimal	66, 79, 164	`rgb(66,79,164)`
RGB Percent	25.9, 31, 64.3	`rgb(25.9%,31%,64.3%)`
CMYK	60, 52, 0, 36
HSL	232°, 42.6, 45.1	`hsl(232,42.6%,45.1%)`
HSV (or HSB)	232°, 59.8, 64.3
Web Safe	336699	`#336699`

CIE-LAB	36.799, 21.44, -47.673
XYZ	11.742, 9.43, 36.321
xyY	0.204, 0.164, 9.43
CIE-LCH	36.799, 52.273, 294.215
CIE-LUV	36.799, -8.934, -69.174
Hunter-Lab	30.708, 14.515, -48.632
Binary	01000010, 01001111, 10100100

#424fa4
```
#424fa4 rgb(66,79,164)
```
#a49742
```
#a49742 rgb(164,151,66)
```

Complementary Color

#4280a4
```
#4280a4 rgb(66,128,164)
```
#424fa4
```
#424fa4 rgb(66,79,164)
```
#6642a4
```
#6642a4 rgb(102,66,164)
```

Analogous Color

#80a442
```
#80a442 rgb(128,164,66)
```
#424fa4
```
#424fa4 rgb(66,79,164)
```
#a46642
```
#a46642 rgb(164,102,66)
```

Split Complementary Color

#4fa442
```
#4fa442 rgb(79,164,66)
```
#424fa4
```
#424fa4 rgb(66,79,164)
```
#a4424f
```
#a4424f rgb(164,66,79)
```

Triadic Color

#42a497
```
#42a497 rgb(66,164,151)
```
#424fa4
```
#424fa4 rgb(66,79,164)
```
#a4424f
```
#a4424f rgb(164,66,79)
```
#a49742
```
#a49742 rgb(164,151,66)
```

Tetradic Color

#2c356d
```
#2c356d rgb(44,53,109)
```
#333d80
```
#333d80 rgb(51,61,128)
```
#3b4692
```
#3b4692 rgb(59,70,146)
```
#424fa4
```
#424fa4 rgb(66,79,164)
```
#4a58b6
```
#4a58b6 rgb(74,88,182)
```
#5c69bd
```
#5c69bd rgb(92,105,189)
```
#6e79c5
```
#6e79c5 rgb(110,121,197)
```

Monochromatic Color

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

#4268a4
```
#4268a4 rgb(66,104,164)
```
#425fa4
```
#425fa4 rgb(66,95,164)
```
#4257a4
```
#4257a4 rgb(66,87,164)
```
#424fa4
```
#424fa4 rgb(66,79,164)
```
#4247a4
```
#4247a4 rgb(66,71,164)
```
#4542a4
```
#4542a4 rgb(69,66,164)
```
#4d42a4
```
#4d42a4 rgb(77,66,164)
```

Similar Colors

Text with hexadecimal color #424fa4

This text has a font color of #424fa4.

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

#424fa4 background color

This paragraph has a background color of #424fa4.

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

#424fa4 border color

This element has a border color of #424fa4.

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

CSS codes

.text {color:#424fa4;}

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

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

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

#04050a
```
#04050a rgb(4,5,10)
```
#0a0c18
```
#0a0c18 rgb(10,12,24)
```
#0f1226
```
#0f1226 rgb(15,18,38)
```
#151934
```
#151934 rgb(21,25,52)
```
#1b2042
```
#1b2042 rgb(27,32,66)
```
#202750
```
#202750 rgb(32,39,80)
```
#262d5e
```
#262d5e rgb(38,45,94)
```
#2b346c
```
#2b346c rgb(43,52,108)
```
#313b7a
```
#313b7a rgb(49,59,122)
```
#374288
```
#374288 rgb(55,66,136)
```
#3c4896
```
#3c4896 rgb(60,72,150)
```
#424fa4
```
#424fa4 rgb(66,79,164)
```
#4856b2
```
#4856b2 rgb(72,86,178)
```

Shade Color Variation

#5361ba
```
#5361ba rgb(83,97,186)
```
#616ec0
```
#616ec0 rgb(97,110,192)
```
#6f7bc5
```
#6f7bc5 rgb(111,123,197)
```
#7d88cb
```
#7d88cb rgb(125,136,203)
```
#8b94d0
```
#8b94d0 rgb(139,148,208)
```
#99a1d6
```
#99a1d6 rgb(153,161,214)
```
#a7aedc
```
#a7aedc rgb(167,174,220)
```
#b5bbe1
```
#b5bbe1 rgb(181,187,225)
```
#c3c8e7
```
#c3c8e7 rgb(195,200,231)
```
#d1d5ed
```
#d1d5ed rgb(209,213,237)
```
#dfe2f2
```
#dfe2f2 rgb(223,226,242)
```
#edeff8
```
#edeff8 rgb(237,239,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#6e6f78
```
#6e6f78 rgb(110,111,120)
```
#656981
```
#656981 rgb(101,105,129)
```
#5d6289
```
#5d6289 rgb(93,98,137)
```
#545c92
```
#545c92 rgb(84,92,146)
```
#4b559b
```
#4b559b rgb(75,85,155)
```
#424fa4
```
#424fa4 rgb(66,79,164)
```
#3949ad
```
#3949ad rgb(57,73,173)
```
#3042b6
```
#3042b6 rgb(48,66,182)
```
#273cbf
```
#273cbf rgb(39,60,191)
```
#1f35c7
```
#1f35c7 rgb(31,53,199)
```
#162fd0
```
#162fd0 rgb(22,47,208)
```
#0d28d9
```
#0d28d9 rgb(13,40,217)
```
#0422e2
```
#0422e2 rgb(4,34,226)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#515465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a5cac Protanopia 1% of men
#0061a1 Deuteranopia 1% of men
#29676e Tritanopia 0.001% of the population

Trichromacy

#3357a9 Protanomaly 1% of men, 0.01% of women
#185aa2 Deuteranomaly 6% of men, 0.4% of women
#325e82 Tritanomaly 0.01% of the population

#424fa4 hex color

#424fa4 Color Information

#424fa4 Color Conversion

Color Schemes with #424fa4

Alternatives to #424fa4

#424fa4 Preview

Shades and Tints of #424fa4

Tones of #424fa4

Color Blindness Simulator