colorhexa.com

#424498 hex color

In a RGB color space, hex #424498 is composed of 25.9% red, 26.7% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 55.3% magenta, 0% yellow and 40.4% black. It has a hue angle of 238.6 degrees, a saturation of 39.4% and a lightness of 42.7%. #424498 color hex could be obtained by blending #8488ff with #000031. Closest websafe color is: #333399.

- R 26
- G 27
- B 60
RGB color chart
- C 57
- M 55
- Y 0
- K 40
CMYK color chart

● #424498 color description : Dark moderate blue.

The hexadecimal color #424498 has RGB values of R:66, G:68, B:152 and CMYK values of C:0.57, M:0.55, Y:0, K:0.4. Its decimal value is 4342936.

Hex triplet	424498	`#424498`
RGB Decimal	66, 68, 152	`rgb(66,68,152)`
RGB Percent	25.9, 26.7, 59.6	`rgb(25.9%,26.7%,59.6%)`
CMYK	57, 55, 0, 40
HSL	238.6°, 39.4, 42.7	`hsl(238.6,39.4%,42.7%)`
HSV (or HSB)	238.6°, 56.6, 59.6
Web Safe	333399	`#333399`

CIE-LAB	33.047, 24.477, -46.493
XYZ	9.98, 7.559, 30.637
xyY	0.207, 0.157, 7.559
CIE-LCH	33.047, 52.542, 297.765
CIE-LUV	33.047, -5.327, -65.438
Hunter-Lab	27.494, 16.681, -46.823
Binary	01000010, 01000100, 10011000

#424498
```
#424498 rgb(66,68,152)
```
#989642
```
#989642 rgb(152,150,66)
```

Complementary Color

#426f98
```
#426f98 rgb(66,111,152)
```
#424498
```
#424498 rgb(66,68,152)
```
#6b4298
```
#6b4298 rgb(107,66,152)
```

Analogous Color

#6f9842
```
#6f9842 rgb(111,152,66)
```
#424498
```
#424498 rgb(66,68,152)
```
#986b42
```
#986b42 rgb(152,107,66)
```

Split Complementary Color

#449842
```
#449842 rgb(68,152,66)
```
#424498
```
#424498 rgb(66,68,152)
```
#984244
```
#984244 rgb(152,66,68)
```

Triadic Color

#429896
```
#429896 rgb(66,152,150)
```
#424498
```
#424498 rgb(66,68,152)
```
#984244
```
#984244 rgb(152,66,68)
```
#989642
```
#989642 rgb(152,150,66)
```

Tetradic Color

#2b2c63
```
#2b2c63 rgb(43,44,99)
```
#333474
```
#333474 rgb(51,52,116)
```
#3a3c86
```
#3a3c86 rgb(58,60,134)
```
#424498
```
#424498 rgb(66,68,152)
```
#4a4caa
```
#4a4caa rgb(74,76,170)
```
#5759b6
```
#5759b6 rgb(87,89,182)
```
#696bbe
```
#696bbe rgb(105,107,190)
```

Monochromatic Color

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

#425998
```
#425998 rgb(66,89,152)
```
#425298
```
#425298 rgb(66,82,152)
```
#424b98
```
#424b98 rgb(66,75,152)
```
#424498
```
#424498 rgb(66,68,152)
```
#474298
```
#474298 rgb(71,66,152)
```
#4e4298
```
#4e4298 rgb(78,66,152)
```
#564298
```
#564298 rgb(86,66,152)
```

Similar Colors

Text with hexadecimal color #424498

This text has a font color of #424498.

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

#424498 background color

This paragraph has a background color of #424498.

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

#424498 border color

This element has a border color of #424498.

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

CSS codes

.text {color:#424498;}

.background {background-color:#424498;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#07070f
```
#07070f rgb(7,7,15)
```
#0d0d1d
```
#0d0d1d rgb(13,13,29)
```
#12132b
```
#12132b rgb(18,19,43)
```
#181938
```
#181938 rgb(24,25,56)
```
#1e1f46
```
#1e1f46 rgb(30,31,70)
```
#242554
```
#242554 rgb(36,37,84)
```
#2a2c61
```
#2a2c61 rgb(42,44,97)
```
#30326f
```
#30326f rgb(48,50,111)
```
#36387d
```
#36387d rgb(54,56,125)
```
#3c3e8a
```
#3c3e8a rgb(60,62,138)
```
#424498
```
#424498 rgb(66,68,152)
```
#484aa6
```
#484aa6 rgb(72,74,166)
```

Shade Color Variation

#4f51b2
```
#4f51b2 rgb(79,81,178)
```
#5c5fb8
```
#5c5fb8 rgb(92,95,184)
```
#6a6cbe
```
#6a6cbe rgb(106,108,190)
```
#787ac4
```
#787ac4 rgb(120,122,196)
```
#8587ca
```
#8587ca rgb(133,135,202)
```
#9395d0
```
#9395d0 rgb(147,149,208)
```
#a1a2d6
```
#a1a2d6 rgb(161,162,214)
```
#aeb0dc
```
#aeb0dc rgb(174,176,220)
```
#bcbde2
```
#bcbde2 rgb(188,189,226)
```
#cacbe8
```
#cacbe8 rgb(202,203,232)
```
#d8d8ee
```
#d8d8ee rgb(216,216,238)
```
#e5e6f4
```
#e5e6f4 rgb(229,230,244)
```
#f3f3fa
```
#f3f3fa rgb(243,243,250)
```

Tint Color Variation

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

#6c6c6e
```
#6c6c6e rgb(108,108,110)
```
#646476
```
#646476 rgb(100,100,118)
```
#5b5c7f
```
#5b5c7f rgb(91,92,127)
```
#535487
```
#535487 rgb(83,84,135)
```
#4a4c90
```
#4a4c90 rgb(74,76,144)
```
#424498
```
#424498 rgb(66,68,152)
```
#3a3ca0
```
#3a3ca0 rgb(58,60,160)
```
#3134a9
```
#3134a9 rgb(49,52,169)
```
#292cb1
```
#292cb1 rgb(41,44,177)
```
#2024ba
```
#2024ba rgb(32,36,186)
```
#181cc2
```
#181cc2 rgb(24,28,194)
```
#1014ca
```
#1014ca rgb(16,20,202)
```
#070cd3
```
#070cd3 rgb(7,12,211)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4b4b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#1654a3 Protanopia 1% of men
#005892 Deuteranopia 1% of men
#2f5d64 Tritanopia 0.001% of the population

Trichromacy

#264e9f Protanomaly 1% of men, 0.01% of women
#185194 Deuteranomaly 6% of men, 0.4% of women
#365477 Tritanomaly 0.01% of the population