#4a5aff hex color

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

♥
- f
- t
- g
- R 29
- G 35
- B 100
RGB color chart
- C 71
- M 65
- Y 0
- K 0
CMYK color chart

● #4a5aff color description : Light blue.

The hexadecimal color #4a5aff has RGB values of R:74, G:90, B:255 and CMYK values of C:0.71, M:0.65, Y:0, K:0. Its decimal value is 4872959.

Hex triplet	4a5aff	`#4a5aff`
RGB Decimal	74, 90, 255	`rgb(74,90,255)`
RGB Percent	29, 35.3, 100	`rgb(29%,35.3%,100%)`
CMYK	71, 65, 0, 0
HSL	234.7°, 100, 64.5	`hsl(234.7,100%,64.5%)`
HSV (or HSB)	234.7°, 71, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.957, 46.958, -83.495
XYZ	24.527, 15.987, 96.395
xyY	0.179, 0.117, 15.987
CIE-LCH	46.957, 95.794, 299.353
CIE-LUV	46.957, -12.573, -127.214
Hunter-Lab	39.983, 39.524, -114.953
Binary	01001010, 01011010, 11111111

#4a5aff
```
#4a5aff rgb(74,90,255)
```
#ffef4a
```
#ffef4a rgb(255,239,74)
```

Complementary Color

#4ab5ff
```
#4ab5ff rgb(74,181,255)
```
#4a5aff
```
#4a5aff rgb(74,90,255)
```
#954aff
```
#954aff rgb(149,74,255)
```

Analogous Color

#b5ff4a
```
#b5ff4a rgb(181,255,74)
```
#4a5aff
```
#4a5aff rgb(74,90,255)
```
#ff954a
```
#ff954a rgb(255,149,74)
```

Split Complementary Color

#5aff4a
```
#5aff4a rgb(90,255,74)
```
#4a5aff
```
#4a5aff rgb(74,90,255)
```
#ff4a5a
```
#ff4a5a rgb(255,74,90)
```

Triadic Color

#4affef
```
#4affef rgb(74,255,239)
```
#4a5aff
```
#4a5aff rgb(74,90,255)
```
#ff4a5a
```
#ff4a5a rgb(255,74,90)
```
#ffef4a
```
#ffef4a rgb(255,239,74)
```

Tetradic Color

#0016fd
```
#0016fd rgb(0,22,253)
```
#172cff
```
#172cff rgb(23,44,255)
```
#3143ff
```
#3143ff rgb(49,67,255)
```
#4a5aff
```
#4a5aff rgb(74,90,255)
```
#6471ff
```
#6471ff rgb(100,113,255)
```
#7d88ff
```
#7d88ff rgb(125,136,255)
```
#97a0ff
```
#97a0ff rgb(151,160,255)
```

Monochromatic Color

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

#4a87ff
```
#4a87ff rgb(74,135,255)
```
#4a78ff
```
#4a78ff rgb(74,120,255)
```
#4a69ff
```
#4a69ff rgb(74,105,255)
```
#4a5aff
```
#4a5aff rgb(74,90,255)
```
#4a4bff
```
#4a4bff rgb(74,75,255)
```
#584aff
```
#584aff rgb(88,74,255)
```
#674aff
```
#674aff rgb(103,74,255)
```

Similar Colors

Text with hexadecimal color #4a5aff

This text has a font color of #4a5aff.

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

#4a5aff background color

This paragraph has a background color of #4a5aff.

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

#4a5aff border color

This element has a border color of #4a5aff.

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

CSS codes

.text {color:#4a5aff;}

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

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

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

#00010f
```
#00010f rgb(0,1,15)
```
#000323
```
#000323 rgb(0,3,35)
```
#000536
```
#000536 rgb(0,5,54)
```
#00074a
```
#00074a rgb(0,7,74)
```
#00085e
```
#00085e rgb(0,8,94)
```
#000a71
```
#000a71 rgb(0,10,113)
```
#000c85
```
#000c85 rgb(0,12,133)
```
#000d98
```
#000d98 rgb(0,13,152)
```
#000fac
```
#000fac rgb(0,15,172)
```
#0011c0
```
#0011c0 rgb(0,17,192)
```
#0013d3
```
#0013d3 rgb(0,19,211)
```
#0014e7
```
#0014e7 rgb(0,20,231)
```
#0016fb
```
#0016fb rgb(0,22,251)
```

Shade Color Variation

#0f24ff
```
#0f24ff rgb(15,36,255)
```
#2336ff
```
#2336ff rgb(35,54,255)
```
#3648ff
```
#3648ff rgb(54,72,255)
```
#4a5aff
```
#4a5aff rgb(74,90,255)
```
#5e6cff
```
#5e6cff rgb(94,108,255)
```
#717eff
```
#717eff rgb(113,126,255)
```
#8590ff
```
#8590ff rgb(133,144,255)
```
#98a2ff
```
#98a2ff rgb(152,162,255)
```
#acb3ff
```
#acb3ff rgb(172,179,255)
```
#c0c5ff
```
#c0c5ff rgb(192,197,255)
```
#d3d7ff
```
#d3d7ff rgb(211,215,255)
```
#e7e9ff
```
#e7e9ff rgb(231,233,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 #4a5aff is the most saturated one.

#9e9fab
```
#9e9fab rgb(158,159,171)
```
#9799b2
```
#9799b2 rgb(151,153,178)
```
#9093b9
```
#9093b9 rgb(144,147,185)
```
#898ec0
```
#898ec0 rgb(137,142,192)
```
#8288c7
```
#8288c7 rgb(130,136,199)
```
#7b82ce
```
#7b82ce rgb(123,130,206)
```
#747cd5
```
#747cd5 rgb(116,124,213)
```
#6d77dc
```
#6d77dc rgb(109,119,220)
```
#6671e3
```
#6671e3 rgb(102,113,227)
```
#5f6bea
```
#5f6bea rgb(95,107,234)
```
#5865f1
```
#5865f1 rgb(88,101,241)
```
#5160f8
```
#5160f8 rgb(81,96,248)
```
#4a5aff
```
#4a5aff rgb(74,90,255)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#626586 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#1a6aeb Protanomaly 1% of men, 0.01% of women
#1a6ed9 Deuteranomaly 6% of men, 0.4% of women
#1a73b4 Tritanomaly 0.01% of the population

#4a5aff hex color

#4a5aff Color Information

#4a5aff Color Conversion

Color Schemes with #4a5aff

Alternatives to #4a5aff

#4a5aff Preview

Shades and Tints of #4a5aff

Tones of #4a5aff

Color Blindness Simulator