#425ac4 hex color

In a RGB color space, hex #425ac4 is composed of 25.9% red, 35.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 54.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 228.9 degrees, a saturation of 52.4% and a lightness of 51.4%. #425ac4 color hex could be obtained by blending #84b4ff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 26
- G 35
- B 77
RGB color chart
- C 66
- M 54
- Y 0
- K 23
CMYK color chart

● #425ac4 color description : Moderate blue.

The hexadecimal color #425ac4 has RGB values of R:66, G:90, B:196 and CMYK values of C:0.66, M:0.54, Y:0, K:0.23. Its decimal value is 4348612.

Hex triplet	425ac4	`#425ac4`
RGB Decimal	66, 90, 196	`rgb(66,90,196)`
RGB Percent	25.9, 35.3, 76.9	`rgb(25.9%,35.3%,76.9%)`
CMYK	66, 54, 0, 23
HSL	228.9°, 52.4, 51.4	`hsl(228.9,52.4%,51.4%)`
HSV (or HSB)	228.9°, 66.3, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.931, 25.596, -58.224
XYZ	15.865, 12.455, 53.79
xyY	0.193, 0.152, 12.455
CIE-LCH	41.931, 63.601, 293.731
CIE-LUV	41.931, -12.827, -87.45
Hunter-Lab	35.292, 18.48, -65.662
Binary	01000010, 01011010, 11000100

#425ac4
```
#425ac4 rgb(66,90,196)
```
#c4ac42
```
#c4ac42 rgb(196,172,66)
```

Complementary Color

#429bc4
```
#429bc4 rgb(66,155,196)
```
#425ac4
```
#425ac4 rgb(66,90,196)
```
#6b42c4
```
#6b42c4 rgb(107,66,196)
```

Analogous Color

#9bc442
```
#9bc442 rgb(155,196,66)
```
#425ac4
```
#425ac4 rgb(66,90,196)
```
#c46b42
```
#c46b42 rgb(196,107,66)
```

Split Complementary Color

#5ac442
```
#5ac442 rgb(90,196,66)
```
#425ac4
```
#425ac4 rgb(66,90,196)
```
#c4425a
```
#c4425a rgb(196,66,90)
```

Triadic Color

#42c4ac
```
#42c4ac rgb(66,196,172)
```
#425ac4
```
#425ac4 rgb(66,90,196)
```
#c4425a
```
#c4425a rgb(196,66,90)
```
#c4ac42
```
#c4ac42 rgb(196,172,66)
```

Tetradic Color

#2c3e8d
```
#2c3e8d rgb(44,62,141)
```
#3247a1
```
#3247a1 rgb(50,71,161)
```
#384fb4
```
#384fb4 rgb(56,79,180)
```
#425ac4
```
#425ac4 rgb(66,90,196)
```
#556bca
```
#556bca rgb(85,107,202)
```
#697cd0
```
#697cd0 rgb(105,124,208)
```
#7c8dd6
```
#7c8dd6 rgb(124,141,214)
```

Monochromatic Color

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

#427bc4
```
#427bc4 rgb(66,123,196)
```
#4270c4
```
#4270c4 rgb(66,112,196)
```
#4265c4
```
#4265c4 rgb(66,101,196)
```
#425ac4
```
#425ac4 rgb(66,90,196)
```
#424fc4
```
#424fc4 rgb(66,79,196)
```
#4244c4
```
#4244c4 rgb(66,68,196)
```
#4b42c4
```
#4b42c4 rgb(75,66,196)
```

Similar Colors

Text with hexadecimal color #425ac4

This text has a font color of #425ac4.

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

#425ac4 background color

This paragraph has a background color of #425ac4.

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

#425ac4 border color

This element has a border color of #425ac4.

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

CSS codes

.text {color:#425ac4;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#060914
```
#060914 rgb(6,9,20)
```
#0b0f23
```
#0b0f23 rgb(11,15,35)
```
#101632
```
#101632 rgb(16,22,50)
```
#141d41
```
#141d41 rgb(20,29,65)
```
#192350
```
#192350 rgb(25,35,80)
```
#1e2a5f
```
#1e2a5f rgb(30,42,95)
```
#22306e
```
#22306e rgb(34,48,110)
```
#27377d
```
#27377d rgb(39,55,125)
```
#2c3d8c
```
#2c3d8c rgb(44,61,140)
```
#30449b
```
#30449b rgb(48,68,155)
```
#354baa
```
#354baa rgb(53,75,170)
```
#3a51b9
```
#3a51b9 rgb(58,81,185)
```

Shade Color Variation

#425ac4
```
#425ac4 rgb(66,90,196)
```
#5167c9
```
#5167c9 rgb(81,103,201)
```
#6074cd
```
#6074cd rgb(96,116,205)
```
#6f81d2
```
#6f81d2 rgb(111,129,210)
```
#7e8ed7
```
#7e8ed7 rgb(126,142,215)
```
#8d9bdb
```
#8d9bdb rgb(141,155,219)
```
#9ca8e0
```
#9ca8e0 rgb(156,168,224)
```
#abb5e5
```
#abb5e5 rgb(171,181,229)
```
#bac2e9
```
#bac2e9 rgb(186,194,233)
```
#c9cfee
```
#c9cfee rgb(201,207,238)
```
#d7ddf3
```
#d7ddf3 rgb(215,221,243)
```
#e6eaf7
```
#e6eaf7 rgb(230,234,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7e8b is the less saturated color, while #0936fd is the most saturated one.

#7b7e8b
```
#7b7e8b rgb(123,126,139)
```
#727894
```
#727894 rgb(114,120,148)
```
#68729e
```
#68729e rgb(104,114,158)
```
#5f6ca7
```
#5f6ca7 rgb(95,108,167)
```
#5566b1
```
#5566b1 rgb(85,102,177)
```
#4c60ba
```
#4c60ba rgb(76,96,186)
```
#425ac4
```
#425ac4 rgb(66,90,196)
```
#3854ce
```
#3854ce rgb(56,84,206)
```
#2f4ed7
```
#2f4ed7 rgb(47,78,215)
```
#2548e1
```
#2548e1 rgb(37,72,225)
```
#1c42ea
```
#1c42ea rgb(28,66,234)
```
#123cf4
```
#123cf4 rgb(18,60,244)
```
#0936fd
```
#0936fd rgb(9,54,253)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#595e73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067cb Protanopia 1% of men
#006db3 Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#1862c8 Protanomaly 1% of men, 0.01% of women
#1866b9 Deuteranomaly 6% of men, 0.4% of women
#186b97 Tritanomaly 0.01% of the population

#425ac4 hex color

#425ac4 Color Information

#425ac4 Color Conversion

Color Schemes with #425ac4

Alternatives to #425ac4

#425ac4 Preview

Shades and Tints of #425ac4

Tones of #425ac4

Color Blindness Simulator