#4a54e6 hex color

In a RGB color space, hex #4a54e6 is composed of 29% red, 32.9% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 63.5% magenta, 0% yellow and 9.8% black. It has a hue angle of 236.2 degrees, a saturation of 75.7% and a lightness of 59.6%. #4a54e6 color hex could be obtained by blending #94a8ff with #0000cd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 29
- G 33
- B 90
RGB color chart
- C 68
- M 63
- Y 0
- K 10
CMYK color chart

● #4a54e6 color description : Soft blue.

The hexadecimal color #4a54e6 has RGB values of R:74, G:84, B:230 and CMYK values of C:0.68, M:0.63, Y:0, K:0.1. Its decimal value is 4871398.

Hex triplet	4a54e6	`#4a54e6`
RGB Decimal	74, 84, 230	`rgb(74,84,230)`
RGB Percent	29, 32.9, 90.2	`rgb(29%,32.9%,90.2%)`
CMYK	68, 63, 0, 10
HSL	236.2°, 75.7, 59.6	`hsl(236.2,75.7%,59.6%)`
HSV (or HSB)	236.2°, 67.8, 90.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.52, 42.199, -75.1
XYZ	20.274, 13.509, 76.398
xyY	0.184, 0.123, 13.509
CIE-LCH	43.52, 86.144, 299.332
CIE-LUV	43.52, -10.443, -112.822
Hunter-Lab	36.754, 34.146, -97.514
Binary	01001010, 01010100, 11100110

#4a54e6
```
#4a54e6 rgb(74,84,230)
```
#e6dc4a
```
#e6dc4a rgb(230,220,74)
```

Complementary Color

#4aa2e6
```
#4aa2e6 rgb(74,162,230)
```
#4a54e6
```
#4a54e6 rgb(74,84,230)
```
#8e4ae6
```
#8e4ae6 rgb(142,74,230)
```

Analogous Color

#a2e64a
```
#a2e64a rgb(162,230,74)
```
#4a54e6
```
#4a54e6 rgb(74,84,230)
```
#e68e4a
```
#e68e4a rgb(230,142,74)
```

Split Complementary Color

#54e64a
```
#54e64a rgb(84,230,74)
```
#4a54e6
```
#4a54e6 rgb(74,84,230)
```
#e64a54
```
#e64a54 rgb(230,74,84)
```

Triadic Color

#4ae6dc
```
#4ae6dc rgb(74,230,220)
```
#4a54e6
```
#4a54e6 rgb(74,84,230)
```
#e64a54
```
#e64a54 rgb(230,74,84)
```
#e6dc4a
```
#e6dc4a rgb(230,220,74)
```

Tetradic Color

#1c27c8
```
#1c27c8 rgb(28,39,200)
```
#1f2bde
```
#1f2bde rgb(31,43,222)
```
#343fe3
```
#343fe3 rgb(52,63,227)
```
#4a54e6
```
#4a54e6 rgb(74,84,230)
```
#6069e9
```
#6069e9 rgb(96,105,233)
```
#777eec
```
#777eec rgb(119,126,236)
```
#8d94ef
```
#8d94ef rgb(141,148,239)
```

Monochromatic Color

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

#4a7be6
```
#4a7be6 rgb(74,123,230)
```
#4a6ee6
```
#4a6ee6 rgb(74,110,230)
```
#4a61e6
```
#4a61e6 rgb(74,97,230)
```
#4a54e6
```
#4a54e6 rgb(74,84,230)
```
#4d4ae6
```
#4d4ae6 rgb(77,74,230)
```
#5a4ae6
```
#5a4ae6 rgb(90,74,230)
```
#674ae6
```
#674ae6 rgb(103,74,230)
```

Similar Colors

Text with hexadecimal color #4a54e6

This text has a font color of #4a54e6.

<span style="color:#4a54e6;">Text here</span>

#4a54e6 background color

This paragraph has a background color of #4a54e6.

<p style="background-color:#4a54e6;">Content here</p>

#4a54e6 border color

This element has a border color of #4a54e6.

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

CSS codes

.text {color:#4a54e6;}

.background {background-color:#4a54e6;}

.border {border:1px solid #4a54e6;}

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

#010209
```
#010209 rgb(1,2,9)
```
#04051a
```
#04051a rgb(4,5,26)
```
#06082b
```
#06082b rgb(6,8,43)
```
#080c3c
```
#080c3c rgb(8,12,60)
```
#0b0f4e
```
#0b0f4e rgb(11,15,78)
```
#0d125f
```
#0d125f rgb(13,18,95)
```
#0f1670
```
#0f1670 rgb(15,22,112)
```
#121981
```
#121981 rgb(18,25,129)
```
#141c92
```
#141c92 rgb(20,28,146)
```
#1720a4
```
#1720a4 rgb(23,32,164)
```
#1923b5
```
#1923b5 rgb(25,35,181)
```
#1b26c6
```
#1b26c6 rgb(27,38,198)
```
#1e2ad7
```
#1e2ad7 rgb(30,42,215)
```

Shade Color Variation

#2833e1
```
#2833e1 rgb(40,51,225)
```
#3944e4
```
#3944e4 rgb(57,68,228)
```
#4a54e6
```
#4a54e6 rgb(74,84,230)
```
#5b64e8
```
#5b64e8 rgb(91,100,232)
```
#6c75eb
```
#6c75eb rgb(108,117,235)
```
#7e85ed
```
#7e85ed rgb(126,133,237)
```
#8f95f0
```
#8f95f0 rgb(143,149,240)
```
#a0a5f2
```
#a0a5f2 rgb(160,165,242)
```
#b1b6f4
```
#b1b6f4 rgb(177,182,244)
```
#c3c6f7
```
#c3c6f7 rgb(195,198,247)
```
#d4d6f9
```
#d4d6f9 rgb(212,214,249)
```
#e5e7fb
```
#e5e7fb rgb(229,231,251)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91929f is the less saturated color, while #323ffe is the most saturated one.

#91929f
```
#91929f rgb(145,146,159)
```
#898ba7
```
#898ba7 rgb(137,139,167)
```
#8184af
```
#8184af rgb(129,132,175)
```
#7a7db6
```
#7a7db6 rgb(122,125,182)
```
#7277be
```
#7277be rgb(114,119,190)
```
#6a70c6
```
#6a70c6 rgb(106,112,198)
```
#6269ce
```
#6269ce rgb(98,105,206)
```
#5a62d6
```
#5a62d6 rgb(90,98,214)
```
#525bde
```
#525bde rgb(82,91,222)
```
#4a54e6
```
#4a54e6 rgb(74,84,230)
```
#424dee
```
#424dee rgb(66,77,238)
```
#3a46f6
```
#3a46f6 rgb(58,70,246)
```
#323ffe
```
#323ffe rgb(50,63,254)
```

Tone Color Variation

Below, you can see how #4a54e6 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

#626262 Achromatopsia 0.005% of the population
#5d5f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#1a62d9 Protanomaly 1% of men, 0.01% of women
#1a66c8 Deuteranomaly 6% of men, 0.4% of women
#1a6ba5 Tritanomaly 0.01% of the population

#4a54e6 hex color

#4a54e6 Color Information

#4a54e6 Color Conversion

Color Schemes with #4a54e6

Alternatives to #4a54e6

#4a54e6 Preview

Shades and Tints of #4a54e6

Tones of #4a54e6

Color Blindness Simulator