#4a5bcc hex color

In a RGB color space, hex #4a5bcc is composed of 29% red, 35.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 55.4% magenta, 0% yellow and 20% black. It has a hue angle of 232.2 degrees, a saturation of 56% and a lightness of 54.5%. #4a5bcc color hex could be obtained by blending #94b6ff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 29
- G 36
- B 80
RGB color chart
- C 64
- M 55
- Y 0
- K 20
CMYK color chart

● #4a5bcc color description : Moderate blue.

The hexadecimal color #4a5bcc has RGB values of R:74, G:91, B:204 and CMYK values of C:0.64, M:0.55, Y:0, K:0.2. Its decimal value is 4873164.

Hex triplet	4a5bcc	`#4a5bcc`
RGB Decimal	74, 91, 204	`rgb(74,91,204)`
RGB Percent	29, 35.7, 80	`rgb(29%,35.7%,80%)`
CMYK	64, 55, 0, 20
HSL	232.2°, 56, 54.5	`hsl(232.2,56%,54.5%)`
HSV (or HSB)	232.2°, 63.7, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.207, 29.04, -60.759
XYZ	17.462, 13.297, 58.77
xyY	0.195, 0.149, 13.297
CIE-LCH	43.207, 67.342, 295.545
CIE-LUV	43.207, -11.352, -92.119
Hunter-Lab	36.465, 21.666, -70.032
Binary	01001010, 01011011, 11001100

#4a5bcc
```
#4a5bcc rgb(74,91,204)
```
#ccbb4a
```
#ccbb4a rgb(204,187,74)
```

Complementary Color

#4a9ccc
```
#4a9ccc rgb(74,156,204)
```
#4a5bcc
```
#4a5bcc rgb(74,91,204)
```
#7a4acc
```
#7a4acc rgb(122,74,204)
```

Analogous Color

#9ccc4a
```
#9ccc4a rgb(156,204,74)
```
#4a5bcc
```
#4a5bcc rgb(74,91,204)
```
#cc7a4a
```
#cc7a4a rgb(204,122,74)
```

Split Complementary Color

#5bcc4a
```
#5bcc4a rgb(91,204,74)
```
#4a5bcc
```
#4a5bcc rgb(74,91,204)
```
#cc4a5b
```
#cc4a5b rgb(204,74,91)
```

Triadic Color

#4accbb
```
#4accbb rgb(74,204,187)
```
#4a5bcc
```
#4a5bcc rgb(74,91,204)
```
#cc4a5b
```
#cc4a5b rgb(204,74,91)
```
#ccbb4a
```
#ccbb4a rgb(204,187,74)
```

Tetradic Color

#2c3b9d
```
#2c3b9d rgb(44,59,157)
```
#3243b1
```
#3243b1 rgb(50,67,177)
```
#384ac5
```
#384ac5 rgb(56,74,197)
```
#4a5bcc
```
#4a5bcc rgb(74,91,204)
```
#5e6dd2
```
#5e6dd2 rgb(94,109,210)
```
#727fd7
```
#727fd7 rgb(114,127,215)
```
#8691dd
```
#8691dd rgb(134,145,221)
```

Monochromatic Color

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

#4a7ccc
```
#4a7ccc rgb(74,124,204)
```
#4a71cc
```
#4a71cc rgb(74,113,204)
```
#4a66cc
```
#4a66cc rgb(74,102,204)
```
#4a5bcc
```
#4a5bcc rgb(74,91,204)
```
#4a50cc
```
#4a50cc rgb(74,80,204)
```
#4f4acc
```
#4f4acc rgb(79,74,204)
```
#5a4acc
```
#5a4acc rgb(90,74,204)
```

Similar Colors

Text with hexadecimal color #4a5bcc

This text has a font color of #4a5bcc.

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

#4a5bcc background color

This paragraph has a background color of #4a5bcc.

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

#4a5bcc border color

This element has a border color of #4a5bcc.

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

CSS codes

.text {color:#4a5bcc;}

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

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

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 #f2f4fb is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#050712
```
#050712 rgb(5,7,18)
```
#090c21
```
#090c21 rgb(9,12,33)
```
#0e1231
```
#0e1231 rgb(14,18,49)
```
#121840
```
#121840 rgb(18,24,64)
```
#161e4f
```
#161e4f rgb(22,30,79)
```
#1b235e
```
#1b235e rgb(27,35,94)
```
#1f296e
```
#1f296e rgb(31,41,110)
```
#232f7d
```
#232f7d rgb(35,47,125)
```
#28358c
```
#28358c rgb(40,53,140)
```
#2c3a9c
```
#2c3a9c rgb(44,58,156)
```
#3040ab
```
#3040ab rgb(48,64,171)
```
#3446ba
```
#3446ba rgb(52,70,186)
```

Shade Color Variation

#3b4dc8
```
#3b4dc8 rgb(59,77,200)
```
#4a5bcc
```
#4a5bcc rgb(74,91,204)
```
#5969d0
```
#5969d0 rgb(89,105,208)
```
#6977d5
```
#6977d5 rgb(105,119,213)
```
#7885d9
```
#7885d9 rgb(120,133,217)
```
#8792dd
```
#8792dd rgb(135,146,221)
```
#97a0e2
```
#97a0e2 rgb(151,160,226)
```
#a6aee6
```
#a6aee6 rgb(166,174,230)
```
#b5bcea
```
#b5bcea rgb(181,188,234)
```
#c4caee
```
#c4caee rgb(196,202,238)
```
#d4d8f3
```
#d4d8f3 rgb(212,216,243)
```
#e3e6f7
```
#e3e6f7 rgb(227,230,247)
```
#f2f4fb
```
#f2f4fb rgb(242,244,251)
```

Tint Color Variation

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

#88898e
```
#88898e rgb(136,137,142)
```
#808396
```
#808396 rgb(128,131,150)
```
#777c9f
```
#777c9f rgb(119,124,159)
```
#6e75a8
```
#6e75a8 rgb(110,117,168)
```
#656fb1
```
#656fb1 rgb(101,111,177)
```
#5c68ba
```
#5c68ba rgb(92,104,186)
```
#5362c3
```
#5362c3 rgb(83,98,195)
```
#4a5bcc
```
#4a5bcc rgb(74,91,204)
```
#4154d5
```
#4154d5 rgb(65,84,213)
```
#384ede
```
#384ede rgb(56,78,222)
```
#2f47e7
```
#2f47e7 rgb(47,71,231)
```
#2641f0
```
#2641f0 rgb(38,65,240)
```
#1d3af9
```
#1d3af9 rgb(29,58,249)
```

Tone Color Variation

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

#006ad1 Protanopia 1% of men
#0070b8 Deuteranopia 1% of men
#007881 Tritanopia 0.001% of the population

Trichromacy

#1a64cf Protanomaly 1% of men, 0.01% of women
#1a68bf Deuteranomaly 6% of men, 0.4% of women
#1a6d9c Tritanomaly 0.01% of the population

#4a5bcc hex color

#4a5bcc Color Information

#4a5bcc Color Conversion

Color Schemes with #4a5bcc

Alternatives to #4a5bcc

#4a5bcc Preview

Shades and Tints of #4a5bcc

Tones of #4a5bcc

Color Blindness Simulator