#424f86 hex color

In a RGB color space, hex #424f86 is composed of 25.9% red, 31% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 41% magenta, 0% yellow and 47.5% black. It has a hue angle of 228.5 degrees, a saturation of 34% and a lightness of 39.2%. #424f86 color hex could be obtained by blending #849eff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 26
- G 31
- B 53
RGB color chart
- C 51
- M 41
- Y 0
- K 47
CMYK color chart

● #424f86 color description : Dark moderate blue.

The hexadecimal color #424f86 has RGB values of R:66, G:79, B:134 and CMYK values of C:0.51, M:0.41, Y:0, K:0.47. Its decimal value is 4345734.

Hex triplet	424f86	`#424f86`
RGB Decimal	66, 79, 134	`rgb(66,79,134)`
RGB Percent	25.9, 31, 52.5	`rgb(25.9%,31%,52.5%)`
CMYK	51, 41, 0, 47
HSL	228.5°, 34, 39.2	`hsl(228.5,34%,39.2%)`
HSV (or HSB)	228.5°, 50.7, 52.5
Web Safe	336699	`#336699`

CIE-LAB	34.945, 11.18, -32.463
XYZ	9.345, 8.471, 23.696
xyY	0.225, 0.204, 8.471
CIE-LCH	34.945, 34.335, 289.003
CIE-LUV	34.945, -8.039, -45.843
Hunter-Lab	29.105, 6.378, -27.897
Binary	01000010, 01001111, 10000110

#424f86
```
#424f86 rgb(66,79,134)
```
#867942
```
#867942 rgb(134,121,66)
```

Complementary Color

#427186
```
#427186 rgb(66,113,134)
```
#424f86
```
#424f86 rgb(66,79,134)
```
#574286
```
#574286 rgb(87,66,134)
```

Analogous Color

#718642
```
#718642 rgb(113,134,66)
```
#424f86
```
#424f86 rgb(66,79,134)
```
#865742
```
#865742 rgb(134,87,66)
```

Split Complementary Color

#4f8642
```
#4f8642 rgb(79,134,66)
```
#424f86
```
#424f86 rgb(66,79,134)
```
#86424f
```
#86424f rgb(134,66,79)
```

Triadic Color

#428679
```
#428679 rgb(66,134,121)
```
#424f86
```
#424f86 rgb(66,79,134)
```
#86424f
```
#86424f rgb(134,66,79)
```
#867942
```
#867942 rgb(134,121,66)
```

Tetradic Color

#293153
```
#293153 rgb(41,49,83)
```
#313b64
```
#313b64 rgb(49,59,100)
```
#3a4575
```
#3a4575 rgb(58,69,117)
```
#424f86
```
#424f86 rgb(66,79,134)
```
#4a5997
```
#4a5997 rgb(74,89,151)
```
#5363a8
```
#5363a8 rgb(83,99,168)
```
#6372b2
```
#6372b2 rgb(99,114,178)
```

Monochromatic Color

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

#426086
```
#426086 rgb(66,96,134)
```
#425a86
```
#425a86 rgb(66,90,134)
```
#425586
```
#425586 rgb(66,85,134)
```
#424f86
```
#424f86 rgb(66,79,134)
```
#424986
```
#424986 rgb(66,73,134)
```
#424486
```
#424486 rgb(66,68,134)
```
#464286
```
#464286 rgb(70,66,134)
```

Similar Colors

Text with hexadecimal color #424f86

This text has a font color of #424f86.

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

#424f86 background color

This paragraph has a background color of #424f86.

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

#424f86 border color

This element has a border color of #424f86.

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

CSS codes

.text {color:#424f86;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#080910
```
#080910 rgb(8,9,16)
```
#0e111d
```
#0e111d rgb(14,17,29)
```
#15192a
```
#15192a rgb(21,25,42)
```
#1b2137
```
#1b2137 rgb(27,33,55)
```
#222844
```
#222844 rgb(34,40,68)
```
#283051
```
#283051 rgb(40,48,81)
```
#2f385f
```
#2f385f rgb(47,56,95)
```
#35406c
```
#35406c rgb(53,64,108)
```
#3c4779
```
#3c4779 rgb(60,71,121)
```
#424f86
```
#424f86 rgb(66,79,134)
```
#485793
```
#485793 rgb(72,87,147)
```
#4f5ea0
```
#4f5ea0 rgb(79,94,160)
```

Shade Color Variation

#5767ac
```
#5767ac rgb(87,103,172)
```
#6473b3
```
#6473b3 rgb(100,115,179)
```
#717fb9
```
#717fb9 rgb(113,127,185)
```
#7e8bc0
```
#7e8bc0 rgb(126,139,192)
```
#8b97c6
```
#8b97c6 rgb(139,151,198)
```
#98a2cc
```
#98a2cc rgb(152,162,204)
```
#a6aed3
```
#a6aed3 rgb(166,174,211)
```
#b3bad9
```
#b3bad9 rgb(179,186,217)
```
#c0c6e0
```
#c0c6e0 rgb(192,198,224)
```
#cdd2e6
```
#cdd2e6 rgb(205,210,230)
```
#dadeed
```
#dadeed rgb(218,222,237)
```
#e7eaf3
```
#e7eaf3 rgb(231,234,243)
```
#f4f5fa
```
#f4f5fa rgb(244,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616267 is the less saturated color, while #0429c4 is the most saturated one.

#616267
```
#616267 rgb(97,98,103)
```
#595d6f
```
#595d6f rgb(89,93,111)
```
#515977
```
#515977 rgb(81,89,119)
```
#4a547e
```
#4a547e rgb(74,84,126)
```
#424f86
```
#424f86 rgb(66,79,134)
```
#3a4a8e
```
#3a4a8e rgb(58,74,142)
```
#334595
```
#334595 rgb(51,69,149)
```
#2b419d
```
#2b419d rgb(43,65,157)
```
#233ca5
```
#233ca5 rgb(35,60,165)
```
#1c37ac
```
#1c37ac rgb(28,55,172)
```
#1432b4
```
#1432b4 rgb(20,50,180)
```
#0c2ebc
```
#0c2ebc rgb(12,46,188)
```
#0429c4
```
#0429c4 rgb(4,41,196)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4e515c Atypical Achromatopsia 0.001% of the population

Dichromacy

#45598d Protanopia 1% of men
#3d5b8b Deuteranopia 1% of men
#3d6067 Tritanopia 0.001% of the population

Trichromacy

#43558a Protanomaly 1% of men, 0.01% of women
#3f5689 Deuteranomaly 6% of men, 0.4% of women
#3f5a72 Tritanomaly 0.01% of the population

#424f86 hex color

#424f86 Color Information

#424f86 Color Conversion

Color Schemes with #424f86

Alternatives to #424f86

#424f86 Preview

Shades and Tints of #424f86

Tones of #424f86

Color Blindness Simulator