#424da4 hex color

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

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

● #424da4 color description : Dark moderate blue.

The hexadecimal color #424da4 has RGB values of R:66, G:77, B:164 and CMYK values of C:0.6, M:0.53, Y:0, K:0.36. Its decimal value is 4345252.

Hex triplet	424da4	`#424da4`
RGB Decimal	66, 77, 164	`rgb(66,77,164)`
RGB Percent	25.9, 30.2, 64.3	`rgb(25.9%,30.2%,64.3%)`
CMYK	60, 53, 0, 36
HSL	233.3°, 42.6, 45.1	`hsl(233.3,42.6%,45.1%)`
HSV (or HSB)	233.3°, 59.8, 64.3
Web Safe	336699	`#336699`

CIE-LAB	36.264, 22.741, -48.537
XYZ	11.6, 9.146, 36.274
xyY	0.203, 0.16, 9.146
CIE-LCH	36.264, 53.6, 295.105
CIE-LUV	36.264, -8.354, -70.154
Hunter-Lab	30.242, 15.545, -49.946
Binary	01000010, 01001101, 10100100

#424da4
```
#424da4 rgb(66,77,164)
```
#a49942
```
#a49942 rgb(164,153,66)
```

Complementary Color

#427ea4
```
#427ea4 rgb(66,126,164)
```
#424da4
```
#424da4 rgb(66,77,164)
```
#6842a4
```
#6842a4 rgb(104,66,164)
```

Analogous Color

#7ea442
```
#7ea442 rgb(126,164,66)
```
#424da4
```
#424da4 rgb(66,77,164)
```
#a46842
```
#a46842 rgb(164,104,66)
```

Split Complementary Color

#4da442
```
#4da442 rgb(77,164,66)
```
#424da4
```
#424da4 rgb(66,77,164)
```
#a4424d
```
#a4424d rgb(164,66,77)
```

Triadic Color

#42a499
```
#42a499 rgb(66,164,153)
```
#424da4
```
#424da4 rgb(66,77,164)
```
#a4424d
```
#a4424d rgb(164,66,77)
```
#a49942
```
#a49942 rgb(164,153,66)
```

Tetradic Color

#2c336d
```
#2c336d rgb(44,51,109)
```
#333c80
```
#333c80 rgb(51,60,128)
```
#3b4492
```
#3b4492 rgb(59,68,146)
```
#424da4
```
#424da4 rgb(66,77,164)
```
#4a56b6
```
#4a56b6 rgb(74,86,182)
```
#5c67bd
```
#5c67bd rgb(92,103,189)
```
#6e78c5
```
#6e78c5 rgb(110,120,197)
```

Monochromatic Color

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

#4266a4
```
#4266a4 rgb(66,102,164)
```
#425da4
```
#425da4 rgb(66,93,164)
```
#4255a4
```
#4255a4 rgb(66,85,164)
```
#424da4
```
#424da4 rgb(66,77,164)
```
#4245a4
```
#4245a4 rgb(66,69,164)
```
#4742a4
```
#4742a4 rgb(71,66,164)
```
#5042a4
```
#5042a4 rgb(80,66,164)
```

Similar Colors

Text with hexadecimal color #424da4

This text has a font color of #424da4.

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

#424da4 background color

This paragraph has a background color of #424da4.

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

#424da4 border color

This element has a border color of #424da4.

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

CSS codes

.text {color:#424da4;}

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

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

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)
```
#0a0b18
```
#0a0b18 rgb(10,11,24)
```
#0f1226
```
#0f1226 rgb(15,18,38)
```
#151834
```
#151834 rgb(21,24,52)
```
#1b1f42
```
#1b1f42 rgb(27,31,66)
```
#202650
```
#202650 rgb(32,38,80)
```
#262c5e
```
#262c5e rgb(38,44,94)
```
#2b336c
```
#2b336c rgb(43,51,108)
```
#31397a
```
#31397a rgb(49,57,122)
```
#374088
```
#374088 rgb(55,64,136)
```
#3c4696
```
#3c4696 rgb(60,70,150)
```
#424da4
```
#424da4 rgb(66,77,164)
```
#4854b2
```
#4854b2 rgb(72,84,178)
```

Shade Color Variation

#535fba
```
#535fba rgb(83,95,186)
```
#616cc0
```
#616cc0 rgb(97,108,192)
```
#6f79c5
```
#6f79c5 rgb(111,121,197)
```
#7d86cb
```
#7d86cb rgb(125,134,203)
```
#8b93d0
```
#8b93d0 rgb(139,147,208)
```
#99a0d6
```
#99a0d6 rgb(153,160,214)
```
#a7addc
```
#a7addc rgb(167,173,220)
```
#b5bae1
```
#b5bae1 rgb(181,186,225)
```
#c3c7e7
```
#c3c7e7 rgb(195,199,231)
```
#d1d4ed
```
#d1d4ed rgb(209,212,237)
```
#dfe1f2
```
#dfe1f2 rgb(223,225,242)
```
#edeef8
```
#edeef8 rgb(237,238,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 #041de2 is the most saturated one.

#6e6f78
```
#6e6f78 rgb(110,111,120)
```
#656881
```
#656881 rgb(101,104,129)
```
#5d6289
```
#5d6289 rgb(93,98,137)
```
#545b92
```
#545b92 rgb(84,91,146)
```
#4b549b
```
#4b549b rgb(75,84,155)
```
#424da4
```
#424da4 rgb(66,77,164)
```
#3946ad
```
#3946ad rgb(57,70,173)
```
#303fb6
```
#303fb6 rgb(48,63,182)
```
#2738bf
```
#2738bf rgb(39,56,191)
```
#1f32c7
```
#1f32c7 rgb(31,50,199)
```
#162bd0
```
#162bd0 rgb(22,43,208)
```
#0d24d9
```
#0d24d9 rgb(13,36,217)
```
#041de2
```
#041de2 rgb(4,29,226)
```

Tone Color Variation

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

#235bad Protanopia 1% of men
#005f9e Deuteranopia 1% of men
#28666d Tritanopia 0.001% of the population

Trichromacy

#2e56a9 Protanomaly 1% of men, 0.01% of women
#1859a0 Deuteranomaly 6% of men, 0.4% of women
#315c81 Tritanomaly 0.01% of the population

#424da4 hex color

#424da4 Color Information

#424da4 Color Conversion

Color Schemes with #424da4

Alternatives to #424da4

#424da4 Preview

Shades and Tints of #424da4

Tones of #424da4

Color Blindness Simulator