#4057ea hex color

In a RGB color space, hex #4057ea is composed of 25.1% red, 34.1% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 62.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 231.9 degrees, a saturation of 80.2% and a lightness of 58.4%. #4057ea color hex could be obtained by blending #80aeff with #0000d5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 34
- B 92
RGB color chart
- C 73
- M 63
- Y 0
- K 8
CMYK color chart

● #4057ea color description : Bright blue.

The hexadecimal color #4057ea has RGB values of R:64, G:87, B:234 and CMYK values of C:0.73, M:0.63, Y:0, K:0.08. Its decimal value is 4216810.

Hex triplet	4057ea	`#4057ea`
RGB Decimal	64, 87, 234	`rgb(64,87,234)`
RGB Percent	25.1, 34.1, 91.8	`rgb(25.1%,34.1%,91.8%)`
CMYK	73, 63, 0, 8
HSL	231.9°, 80.2, 58.4	`hsl(231.9,80.2%,58.4%)`
HSV (or HSB)	231.9°, 72.6, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.011, 40.555, -76.579
XYZ	20.371, 13.846, 79.436
xyY	0.179, 0.122, 13.846
CIE-LCH	44.011, 86.655, 297.905
CIE-LUV	44.011, -13.228, -115.08
Hunter-Lab	37.21, 32.605, -100.527
Binary	01000000, 01010111, 11101010

#4057ea
```
#4057ea rgb(64,87,234)
```
#ead340
```
#ead340 rgb(234,211,64)
```

Complementary Color

#40acea
```
#40acea rgb(64,172,234)
```
#4057ea
```
#4057ea rgb(64,87,234)
```
#7e40ea
```
#7e40ea rgb(126,64,234)
```

Analogous Color

#acea40
```
#acea40 rgb(172,234,64)
```
#4057ea
```
#4057ea rgb(64,87,234)
```
#ea7e40
```
#ea7e40 rgb(234,126,64)
```

Split Complementary Color

#57ea40
```
#57ea40 rgb(87,234,64)
```
#4057ea
```
#4057ea rgb(64,87,234)
```
#ea4057
```
#ea4057 rgb(234,64,87)
```

Triadic Color

#40ead3
```
#40ead3 rgb(64,234,211)
```
#4057ea
```
#4057ea rgb(64,87,234)
```
#ea4057
```
#ea4057 rgb(234,64,87)
```
#ead340
```
#ead340 rgb(234,211,64)
```

Tetradic Color

#162ec8
```
#162ec8 rgb(22,46,200)
```
#1833df
```
#1833df rgb(24,51,223)
```
#2943e7
```
#2943e7 rgb(41,67,231)
```
#4057ea
```
#4057ea rgb(64,87,234)
```
#576bed
```
#576bed rgb(87,107,237)
```
#6e7fef
```
#6e7fef rgb(110,127,239)
```
#8594f2
```
#8594f2 rgb(133,148,242)
```

Monochromatic Color

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

#4082ea
```
#4082ea rgb(64,130,234)
```
#4073ea
```
#4073ea rgb(64,115,234)
```
#4065ea
```
#4065ea rgb(64,101,234)
```
#4057ea
```
#4057ea rgb(64,87,234)
```
#4049ea
```
#4049ea rgb(64,73,234)
```
#4540ea
```
#4540ea rgb(69,64,234)
```
#5440ea
```
#5440ea rgb(84,64,234)
```

Similar Colors

Text with hexadecimal color #4057ea

This text has a font color of #4057ea.

<span style="color:#4057ea;">Text here</span>

#4057ea background color

This paragraph has a background color of #4057ea.

<p style="background-color:#4057ea;">Content here</p>

#4057ea border color

This element has a border color of #4057ea.

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

CSS codes

.text {color:#4057ea;}

.background {background-color:#4057ea;}

.border {border:1px solid #4057ea;}

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

#000103
```
#000103 rgb(0,1,3)
```
#020515
```
#020515 rgb(2,5,21)
```
#040927
```
#040927 rgb(4,9,39)
```
#060d38
```
#060d38 rgb(6,13,56)
```
#08114a
```
#08114a rgb(8,17,74)
```
#0a155c
```
#0a155c rgb(10,21,92)
```
#0c196d
```
#0c196d rgb(12,25,109)
```
#0e1d7f
```
#0e1d7f rgb(14,29,127)
```
#102191
```
#102191 rgb(16,33,145)
```
#1225a2
```
#1225a2 rgb(18,37,162)
```
#1429b4
```
#1429b4 rgb(20,41,180)
```
#162ec6
```
#162ec6 rgb(22,46,198)
```
#1832d7
```
#1832d7 rgb(24,50,215)
```

Shade Color Variation

#1d38e6
```
#1d38e6 rgb(29,56,230)
```
#2e47e8
```
#2e47e8 rgb(46,71,232)
```
#4057ea
```
#4057ea rgb(64,87,234)
```
#5267ec
```
#5267ec rgb(82,103,236)
```
#6376ee
```
#6376ee rgb(99,118,238)
```
#7586f0
```
#7586f0 rgb(117,134,240)
```
#8795f2
```
#8795f2 rgb(135,149,242)
```
#98a5f4
```
#98a5f4 rgb(152,165,244)
```
#aab4f6
```
#aab4f6 rgb(170,180,246)
```
#bcc4f8
```
#bcc4f8 rgb(188,196,248)
```
#cdd3fa
```
#cdd3fa rgb(205,211,250)
```
#dfe3fb
```
#dfe3fb rgb(223,227,251)
```
#f1f2fd
```
#f1f2fd rgb(241,242,253)
```

Tint Color Variation

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

#929298
```
#929298 rgb(146,146,152)
```
#898da1
```
#898da1 rgb(137,141,161)
```
#8187a9
```
#8187a9 rgb(129,135,169)
```
#7981b1
```
#7981b1 rgb(121,129,177)
```
#717bb9
```
#717bb9 rgb(113,123,185)
```
#6975c1
```
#6975c1 rgb(105,117,193)
```
#616fc9
```
#616fc9 rgb(97,111,201)
```
#5869d2
```
#5869d2 rgb(88,105,210)
```
#5063da
```
#5063da rgb(80,99,218)
```
#485de2
```
#485de2 rgb(72,93,226)
```
#4057ea
```
#4057ea rgb(64,87,234)
```
#3851f2
```
#3851f2 rgb(56,81,242)
```
#304bfa
```
#304bfa rgb(48,75,250)
```

Tone Color Variation

Below, you can see how #4057ea 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

#616161 Achromatopsia 0.005% of the population
#5a5f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#1764db Protanomaly 1% of men, 0.01% of women
#1768ca Deuteranomaly 6% of men, 0.4% of women
#176da7 Tritanomaly 0.01% of the population

#4057ea hex color

#4057ea Color Information

#4057ea Color Conversion

Color Schemes with #4057ea

Alternatives to #4057ea

#4057ea Preview

Shades and Tints of #4057ea

Tones of #4057ea

Color Blindness Simulator