colorhexa.com

#4a60ff hex color

In a RGB color space, hex #4a60ff is composed of 29% red, 37.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 62.4% magenta, 0% yellow and 0% black. It has a hue angle of 232.7 degrees, a saturation of 100% and a lightness of 64.5%. #4a60ff color hex could be obtained by blending #94c0ff with #0000ff. Closest websafe color is: #3366ff.

- R 29
- G 38
- B 100
RGB color chart
- C 71
- M 62
- Y 0
- K 0
CMYK color chart

● #4a60ff color description : Light blue.

The hexadecimal color #4a60ff has RGB values of R:74, G:96, B:255 and CMYK values of C:0.71, M:0.62, Y:0, K:0. Its decimal value is 4874495.

Hex triplet	4a60ff	`#4a60ff`
RGB Decimal	74, 96, 255	`rgb(74,96,255)`
RGB Percent	29, 37.6, 100	`rgb(29%,37.6%,100%)`
CMYK	71, 62, 0, 0
HSL	232.7°, 100, 64.5	`hsl(232.7,100%,64.5%)`
HSV (or HSB)	232.7°, 71, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.31, 43.386, -81.278
XYZ	25.053, 17.04, 96.571
xyY	0.181, 0.123, 17.04
CIE-LCH	48.31, 92.133, 298.093
CIE-LUV	48.31, -13.905, -125.266
Hunter-Lab	41.28, 36.095, -109.81
Binary	01001010, 01100000, 11111111

#4a60ff
```
#4a60ff rgb(74,96,255)
```
#ffe94a
```
#ffe94a rgb(255,233,74)
```

Complementary Color

#4abbff
```
#4abbff rgb(74,187,255)
```
#4a60ff
```
#4a60ff rgb(74,96,255)
```
#8f4aff
```
#8f4aff rgb(143,74,255)
```

Analogous Color

#bbff4a
```
#bbff4a rgb(187,255,74)
```
#4a60ff
```
#4a60ff rgb(74,96,255)
```
#ff8f4a
```
#ff8f4a rgb(255,143,74)
```

Split Complementary Color

#60ff4a
```
#60ff4a rgb(96,255,74)
```
#4a60ff
```
#4a60ff rgb(74,96,255)
```
#ff4a60
```
#ff4a60 rgb(255,74,96)
```

Triadic Color

#4affe9
```
#4affe9 rgb(74,255,233)
```
#4a60ff
```
#4a60ff rgb(74,96,255)
```
#ff4a60
```
#ff4a60 rgb(255,74,96)
```
#ffe94a
```
#ffe94a rgb(255,233,74)
```

Tetradic Color

#001ffd
```
#001ffd rgb(0,31,253)
```
#1733ff
```
#1733ff rgb(23,51,255)
```
#314aff
```
#314aff rgb(49,74,255)
```
#4a60ff
```
#4a60ff rgb(74,96,255)
```
#6476ff
```
#6476ff rgb(100,118,255)
```
#7d8dff
```
#7d8dff rgb(125,141,255)
```
#97a3ff
```
#97a3ff rgb(151,163,255)
```

Monochromatic Color

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

#4a8dff
```
#4a8dff rgb(74,141,255)
```
#4a7eff
```
#4a7eff rgb(74,126,255)
```
#4a6fff
```
#4a6fff rgb(74,111,255)
```
#4a60ff
```
#4a60ff rgb(74,96,255)
```
#4a51ff
```
#4a51ff rgb(74,81,255)
```
#524aff
```
#524aff rgb(82,74,255)
```
#614aff
```
#614aff rgb(97,74,255)
```

Similar Colors

Text with hexadecimal color #4a60ff

This text has a font color of #4a60ff.

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

#4a60ff background color

This paragraph has a background color of #4a60ff.

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

#4a60ff border color

This element has a border color of #4a60ff.

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

CSS codes

.text {color:#4a60ff;}

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

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

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, #00020f is the darkest color, while #fbfbff is the lightest one.

#00020f
```
#00020f rgb(0,2,15)
```
#000423
```
#000423 rgb(0,4,35)
```
#000736
```
#000736 rgb(0,7,54)
```
#00094a
```
#00094a rgb(0,9,74)
```
#000b5e
```
#000b5e rgb(0,11,94)
```
#000e71
```
#000e71 rgb(0,14,113)
```
#001085
```
#001085 rgb(0,16,133)
```
#001398
```
#001398 rgb(0,19,152)
```
#0015ac
```
#0015ac rgb(0,21,172)
```
#0017c0
```
#0017c0 rgb(0,23,192)
```
#001ad3
```
#001ad3 rgb(0,26,211)
```
#001ce7
```
#001ce7 rgb(0,28,231)
```
#001efb
```
#001efb rgb(0,30,251)
```

Shade Color Variation

#0f2cff
```
#0f2cff rgb(15,44,255)
```
#233eff
```
#233eff rgb(35,62,255)
```
#364fff
```
#364fff rgb(54,79,255)
```
#4a60ff
```
#4a60ff rgb(74,96,255)
```
#5e71ff
```
#5e71ff rgb(94,113,255)
```
#7182ff
```
#7182ff rgb(113,130,255)
```
#8594ff
```
#8594ff rgb(133,148,255)
```
#98a5ff
```
#98a5ff rgb(152,165,255)
```
#acb6ff
```
#acb6ff rgb(172,182,255)
```
#c0c7ff
```
#c0c7ff rgb(192,199,255)
```
#d3d9ff
```
#d3d9ff rgb(211,217,255)
```
#e7eaff
```
#e7eaff rgb(231,234,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#9e9fab
```
#9e9fab rgb(158,159,171)
```
#979ab2
```
#979ab2 rgb(151,154,178)
```
#9095b9
```
#9095b9 rgb(144,149,185)
```
#898fc0
```
#898fc0 rgb(137,143,192)
```
#828ac7
```
#828ac7 rgb(130,138,199)
```
#7b85ce
```
#7b85ce rgb(123,133,206)
```
#7480d5
```
#7480d5 rgb(116,128,213)
```
#6d7adc
```
#6d7adc rgb(109,122,220)
```
#6675e3
```
#6675e3 rgb(102,117,227)
```
#5f70ea
```
#5f70ea rgb(95,112,234)
```
#586bf1
```
#586bf1 rgb(88,107,241)
```
#5165f8
```
#5165f8 rgb(81,101,248)
```
#4a60ff
```
#4a60ff rgb(74,96,255)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#656a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007dc9 Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#1a6eef Protanomaly 1% of men, 0.01% of women
#1a72dc Deuteranomaly 6% of men, 0.4% of women
#1a78b7 Tritanomaly 0.01% of the population