#425ba4 hex color

In a RGB color space, hex #425ba4 is composed of 25.9% red, 35.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 44.5% magenta, 0% yellow and 35.7% black. It has a hue angle of 224.7 degrees, a saturation of 42.6% and a lightness of 45.1%. #425ba4 color hex could be obtained by blending #84b6ff with #000049. Closest websafe color is: #336699.

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

● #425ba4 color description : Dark moderate blue.

The hexadecimal color #425ba4 has RGB values of R:66, G:91, B:164 and CMYK values of C:0.6, M:0.45, Y:0, K:0.36. Its decimal value is 4348836.

Hex triplet	425ba4	`#425ba4`
RGB Decimal	66, 91, 164	`rgb(66,91,164)`
RGB Percent	25.9, 35.7, 64.3	`rgb(25.9%,35.7%,64.3%)`
CMYK	60, 45, 0, 36
HSL	224.7°, 42.6, 45.1	`hsl(224.7,42.6%,45.1%)`
HSV (or HSB)	224.7°, 59.8, 64.3
Web Safe	336699	`#336699`

CIE-LAB	40.114, 13.66, -42.357
XYZ	12.687, 11.32, 36.636
xyY	0.209, 0.187, 11.32
CIE-LCH	40.114, 44.506, 287.874
CIE-LUV	40.114, -12.661, -62.528
Hunter-Lab	33.645, 8.431, -41.009
Binary	01000010, 01011011, 10100100

#425ba4
```
#425ba4 rgb(66,91,164)
```
#a48b42
```
#a48b42 rgb(164,139,66)
```

Complementary Color

#428ca4
```
#428ca4 rgb(66,140,164)
```
#425ba4
```
#425ba4 rgb(66,91,164)
```
#5a42a4
```
#5a42a4 rgb(90,66,164)
```

Analogous Color

#8ca442
```
#8ca442 rgb(140,164,66)
```
#425ba4
```
#425ba4 rgb(66,91,164)
```
#a45a42
```
#a45a42 rgb(164,90,66)
```

Split Complementary Color

#5ba442
```
#5ba442 rgb(91,164,66)
```
#425ba4
```
#425ba4 rgb(66,91,164)
```
#a4425b
```
#a4425b rgb(164,66,91)
```

Triadic Color

#42a48b
```
#42a48b rgb(66,164,139)
```
#425ba4
```
#425ba4 rgb(66,91,164)
```
#a4425b
```
#a4425b rgb(164,66,91)
```
#a48b42
```
#a48b42 rgb(164,139,66)
```

Tetradic Color

#2c3d6d
```
#2c3d6d rgb(44,61,109)
```
#334780
```
#334780 rgb(51,71,128)
```
#3b5192
```
#3b5192 rgb(59,81,146)
```
#425ba4
```
#425ba4 rgb(66,91,164)
```
#4a65b6
```
#4a65b6 rgb(74,101,182)
```
#5c75bd
```
#5c75bd rgb(92,117,189)
```
#6e84c5
```
#6e84c5 rgb(110,132,197)
```

Monochromatic Color

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

#4274a4
```
#4274a4 rgb(66,116,164)
```
#426ba4
```
#426ba4 rgb(66,107,164)
```
#4263a4
```
#4263a4 rgb(66,99,164)
```
#425ba4
```
#425ba4 rgb(66,91,164)
```
#4253a4
```
#4253a4 rgb(66,83,164)
```
#424ba4
```
#424ba4 rgb(66,75,164)
```
#4243a4
```
#4243a4 rgb(66,67,164)
```

Similar Colors

Text with hexadecimal color #425ba4

This text has a font color of #425ba4.

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

#425ba4 background color

This paragraph has a background color of #425ba4.

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

#425ba4 border color

This element has a border color of #425ba4.

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

CSS codes

.text {color:#425ba4;}

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

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

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, #04060a is the darkest color, while #fbfcfd is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#0a0d18
```
#0a0d18 rgb(10,13,24)
```
#0f1526
```
#0f1526 rgb(15,21,38)
```
#151d34
```
#151d34 rgb(21,29,52)
```
#1b2542
```
#1b2542 rgb(27,37,66)
```
#202c50
```
#202c50 rgb(32,44,80)
```
#26345e
```
#26345e rgb(38,52,94)
```
#2b3c6c
```
#2b3c6c rgb(43,60,108)
```
#31447a
```
#31447a rgb(49,68,122)
```
#374b88
```
#374b88 rgb(55,75,136)
```
#3c5396
```
#3c5396 rgb(60,83,150)
```
#425ba4
```
#425ba4 rgb(66,91,164)
```
#4863b2
```
#4863b2 rgb(72,99,178)
```

Shade Color Variation

#536dba
```
#536dba rgb(83,109,186)
```
#6179c0
```
#6179c0 rgb(97,121,192)
```
#6f85c5
```
#6f85c5 rgb(111,133,197)
```
#7d91cb
```
#7d91cb rgb(125,145,203)
```
#8b9dd0
```
#8b9dd0 rgb(139,157,208)
```
#99a9d6
```
#99a9d6 rgb(153,169,214)
```
#a7b5dc
```
#a7b5dc rgb(167,181,220)
```
#b5c0e1
```
#b5c0e1 rgb(181,192,225)
```
#c3cce7
```
#c3cce7 rgb(195,204,231)
```
#d1d8ed
```
#d1d8ed rgb(209,216,237)
```
#dfe4f2
```
#dfe4f2 rgb(223,228,242)
```
#edf0f8
```
#edf0f8 rgb(237,240,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#6e7178
```
#6e7178 rgb(110,113,120)
```
#656c81
```
#656c81 rgb(101,108,129)
```
#5d6889
```
#5d6889 rgb(93,104,137)
```
#546492
```
#546492 rgb(84,100,146)
```
#4b5f9b
```
#4b5f9b rgb(75,95,155)
```
#425ba4
```
#425ba4 rgb(66,91,164)
```
#3957ad
```
#3957ad rgb(57,87,173)
```
#3052b6
```
#3052b6 rgb(48,82,182)
```
#274ebf
```
#274ebf rgb(39,78,191)
```
#1f4ac7
```
#1f4ac7 rgb(31,74,199)
```
#1645d0
```
#1645d0 rgb(22,69,208)
```
#0d41d9
```
#0d41d9 rgb(13,65,217)
```
#043de2
```
#043de2 rgb(4,61,226)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#575c6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4564a9 Protanopia 1% of men
#3167a6 Deuteranopia 1% of men
#2f6f77 Tritanopia 0.001% of the population

Trichromacy

#4361a7 Protanomaly 1% of men, 0.01% of women
#3763a5 Deuteranomaly 6% of men, 0.4% of women
#366787 Tritanomaly 0.01% of the population

#425ba4 hex color

#425ba4 Color Information

#425ba4 Color Conversion

Color Schemes with #425ba4

Alternatives to #425ba4

#425ba4 Preview

Shades and Tints of #425ba4

Tones of #425ba4

Color Blindness Simulator