#4a55ff hex color

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

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

● #4a55ff color description : Light blue.

The hexadecimal color #4a55ff has RGB values of R:74, G:85, B:255 and CMYK values of C:0.71, M:0.67, Y:0, K:0. Its decimal value is 4871679.

Hex triplet	4a55ff	`#4a55ff`
RGB Decimal	74, 85, 255	`rgb(74,85,255)`
RGB Percent	29, 33.3, 100	`rgb(29%,33.3%,100%)`
CMYK	71, 67, 0, 0
HSL	236.4°, 100, 64.5	`hsl(236.4,100%,64.5%)`
HSV (or HSB)	236.4°, 71, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.868, 49.878, -85.282
XYZ	24.119, 15.171, 96.26
xyY	0.178, 0.112, 15.171
CIE-LCH	45.868, 98.797, 300.321
CIE-LUV	45.868, -11.53, -128.618
Hunter-Lab	38.95, 42.367, -119.26
Binary	01001010, 01010101, 11111111

#4a55ff
```
#4a55ff rgb(74,85,255)
```
#fff44a
```
#fff44a rgb(255,244,74)
```

Complementary Color

#4ab0ff
```
#4ab0ff rgb(74,176,255)
```
#4a55ff
```
#4a55ff rgb(74,85,255)
```
#9a4aff
```
#9a4aff rgb(154,74,255)
```

Analogous Color

#b0ff4a
```
#b0ff4a rgb(176,255,74)
```
#4a55ff
```
#4a55ff rgb(74,85,255)
```
#ff9a4a
```
#ff9a4a rgb(255,154,74)
```

Split Complementary Color

#55ff4a
```
#55ff4a rgb(85,255,74)
```
#4a55ff
```
#4a55ff rgb(74,85,255)
```
#ff4a55
```
#ff4a55 rgb(255,74,85)
```

Triadic Color

#4afff4
```
#4afff4 rgb(74,255,244)
```
#4a55ff
```
#4a55ff rgb(74,85,255)
```
#ff4a55
```
#ff4a55 rgb(255,74,85)
```
#fff44a
```
#fff44a rgb(255,244,74)
```

Tetradic Color

#000ffd
```
#000ffd rgb(0,15,253)
```
#1725ff
```
#1725ff rgb(23,37,255)
```
#313dff
```
#313dff rgb(49,61,255)
```
#4a55ff
```
#4a55ff rgb(74,85,255)
```
#646dff
```
#646dff rgb(100,109,255)
```
#7d85ff
```
#7d85ff rgb(125,133,255)
```
#979dff
```
#979dff rgb(151,157,255)
```

Monochromatic Color

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

#4a82ff
```
#4a82ff rgb(74,130,255)
```
#4a73ff
```
#4a73ff rgb(74,115,255)
```
#4a64ff
```
#4a64ff rgb(74,100,255)
```
#4a55ff
```
#4a55ff rgb(74,85,255)
```
#4e4aff
```
#4e4aff rgb(78,74,255)
```
#5d4aff
```
#5d4aff rgb(93,74,255)
```
#6c4aff
```
#6c4aff rgb(108,74,255)
```

Similar Colors

Text with hexadecimal color #4a55ff

This text has a font color of #4a55ff.

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

#4a55ff background color

This paragraph has a background color of #4a55ff.

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

#4a55ff border color

This element has a border color of #4a55ff.

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

CSS codes

.text {color:#4a55ff;}

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

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

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)
```
#000223
```
#000223 rgb(0,2,35)
```
#000336
```
#000336 rgb(0,3,54)
```
#00044a
```
#00044a rgb(0,4,74)
```
#00065e
```
#00065e rgb(0,6,94)
```
#000771
```
#000771 rgb(0,7,113)
```
#000885
```
#000885 rgb(0,8,133)
```
#000998
```
#000998 rgb(0,9,152)
```
#000aac
```
#000aac rgb(0,10,172)
```
#000cc0
```
#000cc0 rgb(0,12,192)
```
#000dd3
```
#000dd3 rgb(0,13,211)
```
#000ee7
```
#000ee7 rgb(0,14,231)
```
#000ffb
```
#000ffb rgb(0,15,251)
```

Shade Color Variation

#0f1eff
```
#0f1eff rgb(15,30,255)
```
#2330ff
```
#2330ff rgb(35,48,255)
```
#3643ff
```
#3643ff rgb(54,67,255)
```
#4a55ff
```
#4a55ff rgb(74,85,255)
```
#5e67ff
```
#5e67ff rgb(94,103,255)
```
#717aff
```
#717aff rgb(113,122,255)
```
#858cff
```
#858cff rgb(133,140,255)
```
#989fff
```
#989fff rgb(152,159,255)
```
#acb1ff
```
#acb1ff rgb(172,177,255)
```
#c0c4ff
```
#c0c4ff rgb(192,196,255)
```
#d3d6ff
```
#d3d6ff rgb(211,214,255)
```
#e7e8ff
```
#e7e8ff rgb(231,232,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#9e9eab
```
#9e9eab rgb(158,158,171)
```
#9798b2
```
#9798b2 rgb(151,152,178)
```
#9092b9
```
#9092b9 rgb(144,146,185)
```
#898cc0
```
#898cc0 rgb(137,140,192)
```
#8286c7
```
#8286c7 rgb(130,134,199)
```
#7b80ce
```
#7b80ce rgb(123,128,206)
```
#747ad5
```
#747ad5 rgb(116,122,213)
```
#6d74dc
```
#6d74dc rgb(109,116,220)
```
#666de3
```
#666de3 rgb(102,109,227)
```
#5f67ea
```
#5f67ea rgb(95,103,234)
```
#5861f1
```
#5861f1 rgb(88,97,241)
```
#515bf8
```
#515bf8 rgb(81,91,248)
```
#4a55ff
```
#4a55ff rgb(74,85,255)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#606284 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#1a66e8 Protanomaly 1% of men, 0.01% of women
#1a6ad6 Deuteranomaly 6% of men, 0.4% of women
#1a70b2 Tritanomaly 0.01% of the population

#4a55ff hex color

#4a55ff Color Information

#4a55ff Color Conversion

Color Schemes with #4a55ff

Alternatives to #4a55ff

#4a55ff Preview

Shades and Tints of #4a55ff

Tones of #4a55ff

Color Blindness Simulator