#424a74 hex color

In a RGB color space, hex #424a74 is composed of 25.9% red, 29% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 43.1% cyan, 36.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 230.4 degrees, a saturation of 27.5% and a lightness of 35.7%. #424a74 color hex could be obtained by blending #8494e8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 26
- G 29
- B 45
RGB color chart
- C 43
- M 36
- Y 0
- K 55
CMYK color chart

● #424a74 color description : Mostly desaturated dark blue.

The hexadecimal color #424a74 has RGB values of R:66, G:74, B:116 and CMYK values of C:0.43, M:0.36, Y:0, K:0.55. Its decimal value is 4344436.

Hex triplet	424a74	`#424a74`
RGB Decimal	66, 74, 116	`rgb(66,74,116)`
RGB Percent	25.9, 29, 45.5	`rgb(25.9%,29%,45.5%)`
CMYK	43, 36, 0, 55
HSL	230.4°, 27.5, 35.7	`hsl(230.4,27.5%,35.7%)`
HSV (or HSB)	230.4°, 43.1, 45.5
Web Safe	333366	`#333366`

CIE-LAB	32.517, 8.595, -25.133
XYZ	7.847, 7.317, 17.521
xyY	0.24, 0.224, 7.317
CIE-LCH	32.517, 26.562, 288.879
CIE-LUV	32.517, -5.651, -34.388
Hunter-Lab	27.049, 4.449, -19.47
Binary	01000010, 01001010, 01110100

#424a74
```
#424a74 rgb(66,74,116)
```
#746c42
```
#746c42 rgb(116,108,66)
```

Complementary Color

#426374
```
#426374 rgb(66,99,116)
```
#424a74
```
#424a74 rgb(66,74,116)
```
#534274
```
#534274 rgb(83,66,116)
```

Analogous Color

#637442
```
#637442 rgb(99,116,66)
```
#424a74
```
#424a74 rgb(66,74,116)
```
#745342
```
#745342 rgb(116,83,66)
```

Split Complementary Color

#4a7442
```
#4a7442 rgb(74,116,66)
```
#424a74
```
#424a74 rgb(66,74,116)
```
#74424a
```
#74424a rgb(116,66,74)
```

Triadic Color

#42746c
```
#42746c rgb(66,116,108)
```
#424a74
```
#424a74 rgb(66,74,116)
```
#74424a
```
#74424a rgb(116,66,74)
```
#746c42
```
#746c42 rgb(116,108,66)
```

Tetradic Color

#262b43
```
#262b43 rgb(38,43,67)
```
#303553
```
#303553 rgb(48,53,83)
```
#394064
```
#394064 rgb(57,64,100)
```
#424a74
```
#424a74 rgb(66,74,116)
```
#4b5484
```
#4b5484 rgb(75,84,132)
```
#545f95
```
#545f95 rgb(84,95,149)
```
#5f6aa4
```
#5f6aa4 rgb(95,106,164)
```

Monochromatic Color

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

#425774
```
#425774 rgb(66,87,116)
```
#425274
```
#425274 rgb(66,82,116)
```
#424e74
```
#424e74 rgb(66,78,116)
```
#424a74
```
#424a74 rgb(66,74,116)
```
#424674
```
#424674 rgb(66,70,116)
```
#424274
```
#424274 rgb(66,66,116)
```
#474274
```
#474274 rgb(71,66,116)
```

Similar Colors

Text with hexadecimal color #424a74

This text has a font color of #424a74.

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

#424a74 background color

This paragraph has a background color of #424a74.

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

#424a74 border color

This element has a border color of #424a74.

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

CSS codes

.text {color:#424a74;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090a10
```
#090a10 rgb(9,10,16)
```
#10121c
```
#10121c rgb(16,18,28)
```
#171a29
```
#171a29 rgb(23,26,41)
```
#1e2235
```
#1e2235 rgb(30,34,53)
```
#262a42
```
#262a42 rgb(38,42,66)
```
#2d324e
```
#2d324e rgb(45,50,78)
```
#343a5b
```
#343a5b rgb(52,58,91)
```
#3b4267
```
#3b4267 rgb(59,66,103)
```
#424a74
```
#424a74 rgb(66,74,116)
```
#495281
```
#495281 rgb(73,82,129)
```
#505a8d
```
#505a8d rgb(80,90,141)
```
#57629a
```
#57629a rgb(87,98,154)
```

Shade Color Variation

#606ba5
```
#606ba5 rgb(96,107,165)
```
#6c77ac
```
#6c77ac rgb(108,119,172)
```
#7982b3
```
#7982b3 rgb(121,130,179)
```
#858eba
```
#858eba rgb(133,142,186)
```
#9299c1
```
#9299c1 rgb(146,153,193)
```
#9ea5c8
```
#9ea5c8 rgb(158,165,200)
```
#abb1cf
```
#abb1cf rgb(171,177,207)
```
#b7bcd6
```
#b7bcd6 rgb(183,188,214)
```
#c4c8dd
```
#c4c8dd rgb(196,200,221)
```
#d0d4e5
```
#d0d4e5 rgb(208,212,229)
```
#dddfec
```
#dddfec rgb(221,223,236)
```
#e9ebf3
```
#e9ebf3 rgb(233,235,243)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57585f is the less saturated color, while #031fb3 is the most saturated one.

#57585f
```
#57585f rgb(87,88,95)
```
#505466
```
#505466 rgb(80,84,102)
```
#494f6d
```
#494f6d rgb(73,79,109)
```
#424a74
```
#424a74 rgb(66,74,116)
```
#3b457b
```
#3b457b rgb(59,69,123)
```
#344082
```
#344082 rgb(52,64,130)
```
#2d3c89
```
#2d3c89 rgb(45,60,137)
```
#263790
```
#263790 rgb(38,55,144)
```
#1f3297
```
#1f3297 rgb(31,50,151)
```
#182d9e
```
#182d9e rgb(24,45,158)
```
#1129a5
```
#1129a5 rgb(17,41,165)
```
#0a24ac
```
#0a24ac rgb(10,36,172)
```
#031fb3
```
#031fb3 rgb(3,31,179)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4a4c54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#47547c Protanopia 1% of men
#44557a Deuteranopia 1% of men
#43595f Tritanopia 0.001% of the population

Trichromacy

#455079 Protanomaly 1% of men, 0.01% of women
#435178 Deuteranomaly 6% of men, 0.4% of women
#425367 Tritanomaly 0.01% of the population

#424a74 hex color

#424a74 Color Information

#424a74 Color Conversion

Color Schemes with #424a74

Alternatives to #424a74

#424a74 Preview

Shades and Tints of #424a74

Tones of #424a74

Color Blindness Simulator