#425ea1 hex color

In a RGB color space, hex #425ea1 is composed of 25.9% red, 36.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 41.6% magenta, 0% yellow and 36.9% black. It has a hue angle of 222.3 degrees, a saturation of 41.9% and a lightness of 44.5%. #425ea1 color hex could be obtained by blending #84bcff with #000043. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 26
- G 37
- B 63
RGB color chart
- C 59
- M 42
- Y 0
- K 37
CMYK color chart

● #425ea1 color description : Dark moderate blue.

The hexadecimal color #425ea1 has RGB values of R:66, G:94, B:161 and CMYK values of C:0.59, M:0.42, Y:0, K:0.37. Its decimal value is 4349601.

Hex triplet	425ea1	`#425ea1`
RGB Decimal	66, 94, 161	`rgb(66,94,161)`
RGB Percent	25.9, 36.9, 63.1	`rgb(25.9%,36.9%,63.1%)`
CMYK	59, 42, 0, 37
HSL	222.3°, 41.9, 44.5	`hsl(222.3,41.9%,44.5%)`
HSV (or HSB)	222.3°, 59, 63.1
Web Safe	336699	`#336699`

CIE-LAB	40.794, 10.691, -39.491
XYZ	12.681, 11.736, 35.313
xyY	0.212, 0.196, 11.736
CIE-LCH	40.794, 40.913, 285.148
CIE-LUV	40.794, -13.627, -58.269
Hunter-Lab	34.258, 6.122, -37.136
Binary	01000010, 01011110, 10100001

#425ea1
```
#425ea1 rgb(66,94,161)
```
#a18542
```
#a18542 rgb(161,133,66)
```

Complementary Color

#428ea1
```
#428ea1 rgb(66,142,161)
```
#425ea1
```
#425ea1 rgb(66,94,161)
```
#5542a1
```
#5542a1 rgb(85,66,161)
```

Analogous Color

#8ea142
```
#8ea142 rgb(142,161,66)
```
#425ea1
```
#425ea1 rgb(66,94,161)
```
#a15542
```
#a15542 rgb(161,85,66)
```

Split Complementary Color

#5ea142
```
#5ea142 rgb(94,161,66)
```
#425ea1
```
#425ea1 rgb(66,94,161)
```
#a1425e
```
#a1425e rgb(161,66,94)
```

Triadic Color

#42a185
```
#42a185 rgb(66,161,133)
```
#425ea1
```
#425ea1 rgb(66,94,161)
```
#a1425e
```
#a1425e rgb(161,66,94)
```
#a18542
```
#a18542 rgb(161,133,66)
```

Tetradic Color

#2c3e6b
```
#2c3e6b rgb(44,62,107)
```
#33497d
```
#33497d rgb(51,73,125)
```
#3b538f
```
#3b538f rgb(59,83,143)
```
#425ea1
```
#425ea1 rgb(66,94,161)
```
#4969b3
```
#4969b3 rgb(73,105,179)
```
#5a77bc
```
#5a77bc rgb(90,119,188)
```
#6d86c3
```
#6d86c3 rgb(109,134,195)
```

Monochromatic Color

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

#4276a1
```
#4276a1 rgb(66,118,161)
```
#426ea1
```
#426ea1 rgb(66,110,161)
```
#4266a1
```
#4266a1 rgb(66,102,161)
```
#425ea1
```
#425ea1 rgb(66,94,161)
```
#4256a1
```
#4256a1 rgb(66,86,161)
```
#424ea1
```
#424ea1 rgb(66,78,161)
```
#4246a1
```
#4246a1 rgb(66,70,161)
```

Similar Colors

Text with hexadecimal color #425ea1

This text has a font color of #425ea1.

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

#425ea1 background color

This paragraph has a background color of #425ea1.

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

#425ea1 border color

This element has a border color of #425ea1.

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

CSS codes

.text {color:#425ea1;}

.background {background-color:#425ea1;}

.border {border:1px solid #425ea1;}

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

#030508
```
#030508 rgb(3,5,8)
```
#090d16
```
#090d16 rgb(9,13,22)
```
#0f1524
```
#0f1524 rgb(15,21,36)
```
#141d32
```
#141d32 rgb(20,29,50)
```
#1a2540
```
#1a2540 rgb(26,37,64)
```
#202d4e
```
#202d4e rgb(32,45,78)
```
#25355b
```
#25355b rgb(37,53,91)
```
#2b3e69
```
#2b3e69 rgb(43,62,105)
```
#314677
```
#314677 rgb(49,70,119)
```
#374e85
```
#374e85 rgb(55,78,133)
```
#3c5693
```
#3c5693 rgb(60,86,147)
```
#425ea1
```
#425ea1 rgb(66,94,161)
```
#4866af
```
#4866af rgb(72,102,175)
```

Shade Color Variation

#5270b8
```
#5270b8 rgb(82,112,184)
```
#607cbe
```
#607cbe rgb(96,124,190)
```
#6e87c4
```
#6e87c4 rgb(110,135,196)
```
#7c93c9
```
#7c93c9 rgb(124,147,201)
```
#8a9ecf
```
#8a9ecf rgb(138,158,207)
```
#98aad5
```
#98aad5 rgb(152,170,213)
```
#a6b5da
```
#a6b5da rgb(166,181,218)
```
#b3c1e0
```
#b3c1e0 rgb(179,193,224)
```
#c1cce6
```
#c1cce6 rgb(193,204,230)
```
#cfd8eb
```
#cfd8eb rgb(207,216,235)
```
#dde3f1
```
#dde3f1 rgb(221,227,241)
```
#ebeff7
```
#ebeff7 rgb(235,239,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#6e7075
```
#6e7075 rgb(110,112,117)
```
#656c7e
```
#656c7e rgb(101,108,126)
```
#5c6987
```
#5c6987 rgb(92,105,135)
```
#536590
```
#536590 rgb(83,101,144)
```
#4b6298
```
#4b6298 rgb(75,98,152)
```
#425ea1
```
#425ea1 rgb(66,94,161)
```
#395aaa
```
#395aaa rgb(57,90,170)
```
#3157b2
```
#3157b2 rgb(49,87,178)
```
#2853bb
```
#2853bb rgb(40,83,187)
```
#1f50c4
```
#1f50c4 rgb(31,80,196)
```
#164ccd
```
#164ccd rgb(22,76,205)
```
#0e48d5
```
#0e48d5 rgb(14,72,213)
```
#0545de
```
#0545de rgb(5,69,222)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#585d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b66a5 Protanopia 1% of men
#3c69a4 Deuteranopia 1% of men
#337078 Tritanopia 0.001% of the population

Trichromacy

#4863a4 Protanomaly 1% of men, 0.01% of women
#3e65a3 Deuteranomaly 6% of men, 0.4% of women
#386987 Tritanomaly 0.01% of the population

#425ea1 hex color

#425ea1 Color Information

#425ea1 Color Conversion

Color Schemes with #425ea1

Alternatives to #425ea1

#425ea1 Preview

Shades and Tints of #425ea1

Tones of #425ea1

Color Blindness Simulator