#4b5acc hex color

In a RGB color space, hex #4b5acc is composed of 29.4% red, 35.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 55.9% magenta, 0% yellow and 20% black. It has a hue angle of 233 degrees, a saturation of 55.8% and a lightness of 54.7%. #4b5acc color hex could be obtained by blending #96b4ff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 29
- G 35
- B 80
RGB color chart
- C 63
- M 56
- Y 0
- K 20
CMYK color chart

● #4b5acc color description : Moderate blue.

The hexadecimal color #4b5acc has RGB values of R:75, G:90, B:204 and CMYK values of C:0.63, M:0.56, Y:0, K:0.2. Its decimal value is 4938444.

Hex triplet	4b5acc	`#4b5acc`
RGB Decimal	75, 90, 204	`rgb(75,90,204)`
RGB Percent	29.4, 35.3, 80	`rgb(29.4%,35.3%,80%)`
CMYK	63, 56, 0, 20
HSL	233°, 55.8, 54.7	`hsl(233,55.8%,54.7%)`
HSV (or HSB)	233°, 63.2, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.014, 29.833, -61.07
XYZ	17.455, 13.167, 58.745
xyY	0.195, 0.147, 13.167
CIE-LCH	43.014, 67.967, 296.036
CIE-LUV	43.014, -10.828, -92.494
Hunter-Lab	36.286, 22.362, -70.586
Binary	01001011, 01011010, 11001100

#4b5acc
```
#4b5acc rgb(75,90,204)
```
#ccbd4b
```
#ccbd4b rgb(204,189,75)
```

Complementary Color

#4b9bcc
```
#4b9bcc rgb(75,155,204)
```
#4b5acc
```
#4b5acc rgb(75,90,204)
```
#7d4bcc
```
#7d4bcc rgb(125,75,204)
```

Analogous Color

#9bcc4b
```
#9bcc4b rgb(155,204,75)
```
#4b5acc
```
#4b5acc rgb(75,90,204)
```
#cc7d4b
```
#cc7d4b rgb(204,125,75)
```

Split Complementary Color

#5acc4b
```
#5acc4b rgb(90,204,75)
```
#4b5acc
```
#4b5acc rgb(75,90,204)
```
#cc4b5a
```
#cc4b5a rgb(204,75,90)
```

Triadic Color

#4bccbd
```
#4bccbd rgb(75,204,189)
```
#4b5acc
```
#4b5acc rgb(75,90,204)
```
#cc4b5a
```
#cc4b5a rgb(204,75,90)
```
#ccbd4b
```
#ccbd4b rgb(204,189,75)
```

Tetradic Color

#2d3a9e
```
#2d3a9e rgb(45,58,158)
```
#3241b2
```
#3241b2 rgb(50,65,178)
```
#3848c6
```
#3848c6 rgb(56,72,198)
```
#4b5acc
```
#4b5acc rgb(75,90,204)
```
#5f6cd2
```
#5f6cd2 rgb(95,108,210)
```
#737ed7
```
#737ed7 rgb(115,126,215)
```
#8791dd
```
#8791dd rgb(135,145,221)
```

Monochromatic Color

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

#4b7acc
```
#4b7acc rgb(75,122,204)
```
#4b70cc
```
#4b70cc rgb(75,112,204)
```
#4b65cc
```
#4b65cc rgb(75,101,204)
```
#4b5acc
```
#4b5acc rgb(75,90,204)
```
#4b4fcc
```
#4b4fcc rgb(75,79,204)
```
#524bcc
```
#524bcc rgb(82,75,204)
```
#5c4bcc
```
#5c4bcc rgb(92,75,204)
```

Similar Colors

Text with hexadecimal color #4b5acc

This text has a font color of #4b5acc.

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

#4b5acc background color

This paragraph has a background color of #4b5acc.

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

#4b5acc border color

This element has a border color of #4b5acc.

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

CSS codes

.text {color:#4b5acc;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050713
```
#050713 rgb(5,7,19)
```
#0a0c22
```
#0a0c22 rgb(10,12,34)
```
#0e1231
```
#0e1231 rgb(14,18,49)
```
#121841
```
#121841 rgb(18,24,65)
```
#171d50
```
#171d50 rgb(23,29,80)
```
#1b235f
```
#1b235f rgb(27,35,95)
```
#1f286e
```
#1f286e rgb(31,40,110)
```
#242e7e
```
#242e7e rgb(36,46,126)
```
#28348d
```
#28348d rgb(40,52,141)
```
#2c399c
```
#2c399c rgb(44,57,156)
```
#313fac
```
#313fac rgb(49,63,172)
```
#3545bb
```
#3545bb rgb(53,69,187)
```

Shade Color Variation

#3c4cc8
```
#3c4cc8 rgb(60,76,200)
```
#4b5acc
```
#4b5acc rgb(75,90,204)
```
#5a68d0
```
#5a68d0 rgb(90,104,208)
```
#6a76d5
```
#6a76d5 rgb(106,118,213)
```
#7984d9
```
#7984d9 rgb(121,132,217)
```
#8892dd
```
#8892dd rgb(136,146,221)
```
#97a0e2
```
#97a0e2 rgb(151,160,226)
```
#a7aee6
```
#a7aee6 rgb(167,174,230)
```
#b6bcea
```
#b6bcea rgb(182,188,234)
```
#c5caef
```
#c5caef rgb(197,202,239)
```
#d5d8f3
```
#d5d8f3 rgb(213,216,243)
```
#e4e6f7
```
#e4e6f7 rgb(228,230,247)
```
#f3f4fc
```
#f3f4fc rgb(243,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a8e is the less saturated color, while #1f38f8 is the most saturated one.

#898a8e
```
#898a8e rgb(137,138,142)
```
#808397
```
#808397 rgb(128,131,151)
```
#777ca0
```
#777ca0 rgb(119,124,160)
```
#6f75a8
```
#6f75a8 rgb(111,117,168)
```
#666eb1
```
#666eb1 rgb(102,110,177)
```
#5d68ba
```
#5d68ba rgb(93,104,186)
```
#5461c3
```
#5461c3 rgb(84,97,195)
```
#4b5acc
```
#4b5acc rgb(75,90,204)
```
#4253d5
```
#4253d5 rgb(66,83,213)
```
#394cde
```
#394cde rgb(57,76,222)
```
#3046e7
```
#3046e7 rgb(48,70,231)
```
#273ff0
```
#273ff0 rgb(39,63,240)
```
#1f38f8
```
#1f38f8 rgb(31,56,248)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5e6178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#006fb7 Deuteranopia 1% of men
#007880 Tritanopia 0.001% of the population

Trichromacy

#1b64ce Protanomaly 1% of men, 0.01% of women
#1b67be Deuteranomaly 6% of men, 0.4% of women
#1b6d9c Tritanomaly 0.01% of the population

#4b5acc hex color

#4b5acc Color Information

#4b5acc Color Conversion

Color Schemes with #4b5acc

Alternatives to #4b5acc

#4b5acc Preview

Shades and Tints of #4b5acc

Tones of #4b5acc

Color Blindness Simulator