#4a53f2 hex color

In a RGB color space, hex #4a53f2 is composed of 29% red, 32.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 65.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 236.8 degrees, a saturation of 86.6% and a lightness of 62%. #4a53f2 color hex could be obtained by blending #94a6ff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 29
- G 33
- B 95
RGB color chart
- C 69
- M 66
- Y 0
- K 5
CMYK color chart

● #4a53f2 color description : Soft blue.

The hexadecimal color #4a53f2 has RGB values of R:74, G:83, B:242 and CMYK values of C:0.69, M:0.66, Y:0, K:0.05. Its decimal value is 4871154.

Hex triplet	4a53f2	`#4a53f2`
RGB Decimal	74, 83, 242	`rgb(74,83,242)`
RGB Percent	29, 32.5, 94.9	`rgb(29%,32.5%,94.9%)`
CMYK	69, 66, 0, 5
HSL	236.8°, 86.6, 62	`hsl(236.8,86.6%,62%)`
HSV (or HSB)	236.8°, 69.4, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.307, 46.776, -80.577
XYZ	21.941, 14.052, 85.556
xyY	0.181, 0.116, 14.052
CIE-LCH	44.307, 93.17, 300.136
CIE-LUV	44.307, -10.658, -120.911
Hunter-Lab	37.486, 38.879, -109.08
Binary	01001010, 01010011, 11110010

#4a53f2
```
#4a53f2 rgb(74,83,242)
```
#f2e94a
```
#f2e94a rgb(242,233,74)
```

Complementary Color

#4aa7f2
```
#4aa7f2 rgb(74,167,242)
```
#4a53f2
```
#4a53f2 rgb(74,83,242)
```
#954af2
```
#954af2 rgb(149,74,242)
```

Analogous Color

#a7f24a
```
#a7f24a rgb(167,242,74)
```
#4a53f2
```
#4a53f2 rgb(74,83,242)
```
#f2954a
```
#f2954a rgb(242,149,74)
```

Split Complementary Color

#53f24a
```
#53f24a rgb(83,242,74)
```
#4a53f2
```
#4a53f2 rgb(74,83,242)
```
#f24a53
```
#f24a53 rgb(242,74,83)
```

Triadic Color

#4af2e9
```
#4af2e9 rgb(74,242,233)
```
#4a53f2
```
#4a53f2 rgb(74,83,242)
```
#f24a53
```
#f24a53 rgb(242,74,83)
```
#f2e94a
```
#f2e94a rgb(242,233,74)
```

Tetradic Color

#101bdf
```
#101bdf rgb(16,27,223)
```
#1a26ef
```
#1a26ef rgb(26,38,239)
```
#323cf0
```
#323cf0 rgb(50,60,240)
```
#4a53f2
```
#4a53f2 rgb(74,83,242)
```
#626af4
```
#626af4 rgb(98,106,244)
```
#7a80f5
```
#7a80f5 rgb(122,128,245)
```
#9197f7
```
#9197f7 rgb(145,151,247)
```

Monochromatic Color

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

#4a7df2
```
#4a7df2 rgb(74,125,242)
```
#4a6ff2
```
#4a6ff2 rgb(74,111,242)
```
#4a61f2
```
#4a61f2 rgb(74,97,242)
```
#4a53f2
```
#4a53f2 rgb(74,83,242)
```
#4f4af2
```
#4f4af2 rgb(79,74,242)
```
#5d4af2
```
#5d4af2 rgb(93,74,242)
```
#6b4af2
```
#6b4af2 rgb(107,74,242)
```

Similar Colors

Text with hexadecimal color #4a53f2

This text has a font color of #4a53f2.

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

#4a53f2 background color

This paragraph has a background color of #4a53f2.

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

#4a53f2 border color

This element has a border color of #4a53f2.

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

CSS codes

.text {color:#4a53f2;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#010214
```
#010214 rgb(1,2,20)
```
#030527
```
#030527 rgb(3,5,39)
```
#040739
```
#040739 rgb(4,7,57)
```
#05094b
```
#05094b rgb(5,9,75)
```
#070b5e
```
#070b5e rgb(7,11,94)
```
#080e70
```
#080e70 rgb(8,14,112)
```
#091082
```
#091082 rgb(9,16,130)
```
#0b1294
```
#0b1294 rgb(11,18,148)
```
#0c14a7
```
#0c14a7 rgb(12,20,167)
```
#0d16b9
```
#0d16b9 rgb(13,22,185)
```
#0f19cb
```
#0f19cb rgb(15,25,203)
```
#101bde
```
#101bde rgb(16,27,222)
```

Shade Color Variation

#131fee
```
#131fee rgb(19,31,238)
```
#2530ef
```
#2530ef rgb(37,48,239)
```
#3842f1
```
#3842f1 rgb(56,66,241)
```
#4a53f2
```
#4a53f2 rgb(74,83,242)
```
#5c64f3
```
#5c64f3 rgb(92,100,243)
```
#6f76f5
```
#6f76f5 rgb(111,118,245)
```
#8187f6
```
#8187f6 rgb(129,135,246)
```
#9399f7
```
#9399f7 rgb(147,153,247)
```
#a6aaf9
```
#a6aaf9 rgb(166,170,249)
```
#b8bbfa
```
#b8bbfa rgb(184,187,250)
```
#cacdfb
```
#cacdfb rgb(202,205,251)
```
#dcdefd
```
#dcdefd rgb(220,222,253)
```
#eff0fe
```
#eff0fe rgb(239,240,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9ca0 is the less saturated color, while #434cf9 is the most saturated one.

#9c9ca0
```
#9c9ca0 rgb(156,156,160)
```
#9596a7
```
#9596a7 rgb(149,150,167)
```
#8d8faf
```
#8d8faf rgb(141,143,175)
```
#8688b6
```
#8688b6 rgb(134,136,182)
```
#7e82be
```
#7e82be rgb(126,130,190)
```
#777bc5
```
#777bc5 rgb(119,123,197)
```
#6f74cd
```
#6f74cd rgb(111,116,205)
```
#686ed4
```
#686ed4 rgb(104,110,212)
```
#6067dc
```
#6067dc rgb(96,103,220)
```
#5960e3
```
#5960e3 rgb(89,96,227)
```
#515aeb
```
#515aeb rgb(81,90,235)
```
#4a53f2
```
#4a53f2 rgb(74,83,242)
```
#434cf9
```
#434cf9 rgb(67,76,249)
```

Tone Color Variation

Below, you can see how #4a53f2 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
#5d5f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#1a63df Protanomaly 1% of men, 0.01% of women
#1a67ce Deuteranomaly 6% of men, 0.4% of women
#1a6cab Tritanomaly 0.01% of the population

#4a53f2 hex color

#4a53f2 Color Information

#4a53f2 Color Conversion

Color Schemes with #4a53f2

Alternatives to #4a53f2

#4a53f2 Preview

Shades and Tints of #4a53f2

Tones of #4a53f2

Color Blindness Simulator