#4a51f0 hex color

In a RGB color space, hex #4a51f0 is composed of 29% red, 31.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 66.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 237.5 degrees, a saturation of 84.7% and a lightness of 61.6%. #4a51f0 color hex could be obtained by blending #94a2ff with #0000e1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 29
- G 32
- B 94
RGB color chart
- C 69
- M 66
- Y 0
- K 6
CMYK color chart

● #4a51f0 color description : Soft blue.

The hexadecimal color #4a51f0 has RGB values of R:74, G:81, B:240 and CMYK values of C:0.69, M:0.66, Y:0, K:0.06. Its decimal value is 4870640.

Hex triplet	4a51f0	`#4a51f0`
RGB Decimal	74, 81, 240	`rgb(74,81,240)`
RGB Percent	29, 31.8, 94.1	`rgb(29%,31.8%,94.1%)`
CMYK	69, 66, 0, 6
HSL	237.5°, 84.7, 61.6	`hsl(237.5,84.7%,61.6%)`
HSV (or HSB)	237.5°, 69.2, 94.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.699, 47.29, -80.451
XYZ	21.492, 13.631, 83.932
xyY	0.181, 0.114, 13.631
CIE-LCH	43.699, 93.32, 300.447
CIE-LUV	43.699, -10.169, -120.181
Hunter-Lab	36.92, 39.297, -108.943
Binary	01001010, 01010001, 11110000

#4a51f0
```
#4a51f0 rgb(74,81,240)
```
#f0e94a
```
#f0e94a rgb(240,233,74)
```

Complementary Color

#4aa4f0
```
#4aa4f0 rgb(74,164,240)
```
#4a51f0
```
#4a51f0 rgb(74,81,240)
```
#964af0
```
#964af0 rgb(150,74,240)
```

Analogous Color

#a4f04a
```
#a4f04a rgb(164,240,74)
```
#4a51f0
```
#4a51f0 rgb(74,81,240)
```
#f0964a
```
#f0964a rgb(240,150,74)
```

Split Complementary Color

#51f04a
```
#51f04a rgb(81,240,74)
```
#4a51f0
```
#4a51f0 rgb(74,81,240)
```
#f04a51
```
#f04a51 rgb(240,74,81)
```

Triadic Color

#4af0e9
```
#4af0e9 rgb(74,240,233)
```
#4a51f0
```
#4a51f0 rgb(74,81,240)
```
#f04a51
```
#f04a51 rgb(240,74,81)
```
#f0e94a
```
#f0e94a rgb(240,233,74)
```

Tetradic Color

#121bdb
```
#121bdb rgb(18,27,219)
```
#1b24ec
```
#1b24ec rgb(27,36,236)
```
#323aee
```
#323aee rgb(50,58,238)
```
#4a51f0
```
#4a51f0 rgb(74,81,240)
```
#6268f2
```
#6268f2 rgb(98,104,242)
```
#797ef4
```
#797ef4 rgb(121,126,244)
```
#9195f6
```
#9195f6 rgb(145,149,246)
```

Monochromatic Color

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

#4a7bf0
```
#4a7bf0 rgb(74,123,240)
```
#4a6df0
```
#4a6df0 rgb(74,109,240)
```
#4a5ff0
```
#4a5ff0 rgb(74,95,240)
```
#4a51f0
```
#4a51f0 rgb(74,81,240)
```
#514af0
```
#514af0 rgb(81,74,240)
```
#5f4af0
```
#5f4af0 rgb(95,74,240)
```
#6d4af0
```
#6d4af0 rgb(109,74,240)
```

Similar Colors

Text with hexadecimal color #4a51f0

This text has a font color of #4a51f0.

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

#4a51f0 background color

This paragraph has a background color of #4a51f0.

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

#4a51f0 border color

This element has a border color of #4a51f0.

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

CSS codes

.text {color:#4a51f0;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020212
```
#020212 rgb(2,2,18)
```
#030424
```
#030424 rgb(3,4,36)
```
#050736
```
#050736 rgb(5,7,54)
```
#060949
```
#060949 rgb(6,9,73)
```
#080b5b
```
#080b5b rgb(8,11,91)
```
#090d6d
```
#090d6d rgb(9,13,109)
```
#0b0f7f
```
#0b0f7f rgb(11,15,127)
```
#0c1291
```
#0c1291 rgb(12,18,145)
```
#0e14a3
```
#0e14a3 rgb(14,20,163)
```
#0f16b5
```
#0f16b5 rgb(15,22,181)
```
#1118c7
```
#1118c7 rgb(17,24,199)
```
#121ada
```
#121ada rgb(18,26,218)
```

Shade Color Variation

#141deb
```
#141deb rgb(20,29,235)
```
#262eed
```
#262eed rgb(38,46,237)
```
#3840ee
```
#3840ee rgb(56,64,238)
```
#4a51f0
```
#4a51f0 rgb(74,81,240)
```
#5c62f2
```
#5c62f2 rgb(92,98,242)
```
#6e74f3
```
#6e74f3 rgb(110,116,243)
```
#8085f5
```
#8085f5 rgb(128,133,245)
```
#9297f6
```
#9297f6 rgb(146,151,246)
```
#a5a8f8
```
#a5a8f8 rgb(165,168,248)
```
#b7b9f9
```
#b7b9f9 rgb(183,185,249)
```
#c9cbfb
```
#c9cbfb rgb(201,203,251)
```
#dbdcfc
```
#dbdcfc rgb(219,220,252)
```
#edeefe
```
#edeefe rgb(237,238,254)
```

Tint Color Variation

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

#9d9d9d
```
#9d9d9d rgb(157,157,157)
```
#9596a5
```
#9596a5 rgb(149,150,165)
```
#8e8fac
```
#8e8fac rgb(142,143,172)
```
#8688b4
```
#8688b4 rgb(134,136,180)
```
#7f81bb
```
#7f81bb rgb(127,129,187)
```
#777ac3
```
#777ac3 rgb(119,122,195)
```
#7074ca
```
#7074ca rgb(112,116,202)
```
#686dd2
```
#686dd2 rgb(104,109,210)
```
#6166d9
```
#6166d9 rgb(97,102,217)
```
#595fe1
```
#595fe1 rgb(89,95,225)
```
#5258e8
```
#5258e8 rgb(82,88,232)
```
#4a51f0
```
#4a51f0 rgb(74,81,240)
```
#424af8
```
#424af8 rgb(66,74,248)
```

Tone Color Variation

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

Dichromacy

#006bd2 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1a62dd Protanomaly 1% of men, 0.01% of women
#1a66cb Deuteranomaly 6% of men, 0.4% of women
#1a6ba9 Tritanomaly 0.01% of the population

#4a51f0 hex color

#4a51f0 Color Information

#4a51f0 Color Conversion

Color Schemes with #4a51f0

Alternatives to #4a51f0

#4a51f0 Preview

Shades and Tints of #4a51f0

Tones of #4a51f0

Color Blindness Simulator