colorhexa.com

#4c5bec hex color

In a RGB color space, hex #4c5bec is composed of 29.8% red, 35.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 61.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 234.4 degrees, a saturation of 80.8% and a lightness of 61.2%. #4c5bec color hex could be obtained by blending #98b6ff with #0000d9. Closest websafe color is: #3366ff.

- R 30
- G 36
- B 93
RGB color chart
- C 68
- M 61
- Y 0
- K 7
CMYK color chart

● #4c5bec color description : Soft blue.

The hexadecimal color #4c5bec has RGB values of R:76, G:91, B:236 and CMYK values of C:0.68, M:0.61, Y:0, K:0.07. Its decimal value is 5004268.

Hex triplet	4c5bec	`#4c5bec`
RGB Decimal	76, 91, 236	`rgb(76,91,236)`
RGB Percent	29.8, 35.7, 92.5	`rgb(29.8%,35.7%,92.5%)`
CMYK	68, 61, 0, 7
HSL	234.4°, 80.8, 61.2	`hsl(234.4,80.8%,61.2%)`
HSV (or HSB)	234.4°, 67.8, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.735, 40.239, -74.862
XYZ	21.859, 15.074, 81.11
xyY	0.185, 0.128, 15.074
CIE-LCH	45.735, 84.991, 298.258
CIE-LUV	45.735, -11.813, -114.275
Hunter-Lab	38.825, 32.555, -96.687
Binary	01001100, 01011011, 11101100

#4c5bec
```
#4c5bec rgb(76,91,236)
```
#ecdd4c
```
#ecdd4c rgb(236,221,76)
```

Complementary Color

#4cabec
```
#4cabec rgb(76,171,236)
```
#4c5bec
```
#4c5bec rgb(76,91,236)
```
#8d4cec
```
#8d4cec rgb(141,76,236)
```

Analogous Color

#abec4c
```
#abec4c rgb(171,236,76)
```
#4c5bec
```
#4c5bec rgb(76,91,236)
```
#ec8d4c
```
#ec8d4c rgb(236,141,76)
```

Split Complementary Color

#5bec4c
```
#5bec4c rgb(91,236,76)
```
#4c5bec
```
#4c5bec rgb(76,91,236)
```
#ec4c5b
```
#ec4c5b rgb(236,76,91)
```

Triadic Color

#4cecdd
```
#4cecdd rgb(76,236,221)
```
#4c5bec
```
#4c5bec rgb(76,91,236)
```
#ec4c5b
```
#ec4c5b rgb(236,76,91)
```
#ecdd4c
```
#ecdd4c rgb(236,221,76)
```

Tetradic Color

#1728d5
```
#1728d5 rgb(23,40,213)
```
#1e31e7
```
#1e31e7 rgb(30,49,231)
```
#3546ea
```
#3546ea rgb(53,70,234)
```
#4c5bec
```
#4c5bec rgb(76,91,236)
```
#6370ee
```
#6370ee rgb(99,112,238)
```
#7a85f1
```
#7a85f1 rgb(122,133,241)
```
#919af3
```
#919af3 rgb(145,154,243)
```

Monochromatic Color

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

#4c83ec
```
#4c83ec rgb(76,131,236)
```
#4c76ec
```
#4c76ec rgb(76,118,236)
```
#4c68ec
```
#4c68ec rgb(76,104,236)
```
#4c5bec
```
#4c5bec rgb(76,91,236)
```
#4c4eec
```
#4c4eec rgb(76,78,236)
```
#584cec
```
#584cec rgb(88,76,236)
```
#654cec
```
#654cec rgb(101,76,236)
```

Similar Colors

Text with hexadecimal color #4c5bec

This text has a font color of #4c5bec.

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

#4c5bec background color

This paragraph has a background color of #4c5bec.

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

#4c5bec border color

This element has a border color of #4c5bec.

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

CSS codes

.text {color:#4c5bec;}

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

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

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

#020310
```
#020310 rgb(2,3,16)
```
#040622
```
#040622 rgb(4,6,34)
```
#050a34
```
#050a34 rgb(5,10,52)
```
#070d45
```
#070d45 rgb(7,13,69)
```
#091157
```
#091157 rgb(9,17,87)
```
#0b1469
```
#0b1469 rgb(11,20,105)
```
#0d177a
```
#0d177a rgb(13,23,122)
```
#0f1b8c
```
#0f1b8c rgb(15,27,140)
```
#111e9e
```
#111e9e rgb(17,30,158)
```
#1321b0
```
#1321b0 rgb(19,33,176)
```
#1525c1
```
#1525c1 rgb(21,37,193)
```
#1628d3
```
#1628d3 rgb(22,40,211)
```
#182be5
```
#182be5 rgb(24,43,229)
```

Shade Color Variation

#293be8
```
#293be8 rgb(41,59,232)
```
#3a4bea
```
#3a4bea rgb(58,75,234)
```
#4c5bec
```
#4c5bec rgb(76,91,236)
```
#5e6bee
```
#5e6bee rgb(94,107,238)
```
#6f7bf0
```
#6f7bf0 rgb(111,123,240)
```
#818cf2
```
#818cf2 rgb(129,140,242)
```
#939cf4
```
#939cf4 rgb(147,156,244)
```
#a5acf5
```
#a5acf5 rgb(165,172,245)
```
#b6bcf7
```
#b6bcf7 rgb(182,188,247)
```
#c8cdf9
```
#c8cdf9 rgb(200,205,249)
```
#daddfb
```
#daddfb rgb(218,221,251)
```
#ecedfd
```
#ecedfd rgb(236,237,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9899a0 is the less saturated color, while #3d4ffb is the most saturated one.

#9899a0
```
#9899a0 rgb(152,153,160)
```
#9193a7
```
#9193a7 rgb(145,147,167)
```
#898daf
```
#898daf rgb(137,141,175)
```
#8186b7
```
#8186b7 rgb(129,134,183)
```
#7a80be
```
#7a80be rgb(122,128,190)
```
#727ac6
```
#727ac6 rgb(114,122,198)
```
#6a74ce
```
#6a74ce rgb(106,116,206)
```
#636ed5
```
#636ed5 rgb(99,110,213)
```
#5b67dd
```
#5b67dd rgb(91,103,221)
```
#5461e4
```
#5461e4 rgb(84,97,228)
```
#4c5bec
```
#4c5bec rgb(76,91,236)
```
#4455f4
```
#4455f4 rgb(68,85,244)
```
#3d4ffb
```
#3d4ffb rgb(61,79,251)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#626582 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1b68e1 Protanomaly 1% of men, 0.01% of women
#1b6ccf Deuteranomaly 6% of men, 0.4% of women
#1b72ab Tritanomaly 0.01% of the population