#4c5afd hex color

In a RGB color space, hex #4c5afd is composed of 29.8% red, 35.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 64.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 235.3 degrees, a saturation of 97.8% and a lightness of 64.5%. #4c5afd color hex could be obtained by blending #98b4ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 30
- G 35
- B 99
RGB color chart
- C 70
- M 64
- Y 0
- K 1
CMYK color chart

● #4c5afd color description : Soft blue.

The hexadecimal color #4c5afd has RGB values of R:76, G:90, B:253 and CMYK values of C:0.7, M:0.64, Y:0, K:0.01. Its decimal value is 5004029.

Hex triplet	4c5afd	`#4c5afd`
RGB Decimal	76, 90, 253	`rgb(76,90,253)`
RGB Percent	29.8, 35.3, 99.2	`rgb(29.8%,35.3%,99.2%)`
CMYK	70, 64, 0, 1
HSL	235.3°, 97.8, 64.5	`hsl(235.3,97.8%,64.5%)`
HSV (or HSB)	235.3°, 70, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.895, 46.516, -82.481
XYZ	24.363, 15.939, 94.716
xyY	0.18, 0.118, 15.939
CIE-LCH	46.895, 94.693, 299.421
CIE-LUV	46.895, -12.119, -125.809
Hunter-Lab	39.924, 39.059, -112.713
Binary	01001100, 01011010, 11111101

#4c5afd
```
#4c5afd rgb(76,90,253)
```
#fdef4c
```
#fdef4c rgb(253,239,76)
```

Complementary Color

#4cb3fd
```
#4cb3fd rgb(76,179,253)
```
#4c5afd
```
#4c5afd rgb(76,90,253)
```
#974cfd
```
#974cfd rgb(151,76,253)
```

Analogous Color

#b3fd4c
```
#b3fd4c rgb(179,253,76)
```
#4c5afd
```
#4c5afd rgb(76,90,253)
```
#fd974c
```
#fd974c rgb(253,151,76)
```

Split Complementary Color

#5afd4c
```
#5afd4c rgb(90,253,76)
```
#4c5afd
```
#4c5afd rgb(76,90,253)
```
#fd4c5a
```
#fd4c5a rgb(253,76,90)
```

Triadic Color

#4cfdef
```
#4cfdef rgb(76,253,239)
```
#4c5afd
```
#4c5afd rgb(76,90,253)
```
#fd4c5a
```
#fd4c5a rgb(253,76,90)
```
#fdef4c
```
#fdef4c rgb(253,239,76)
```

Tetradic Color

#0316fa
```
#0316fa rgb(3,22,250)
```
#1a2cfc
```
#1a2cfc rgb(26,44,252)
```
#3343fd
```
#3343fd rgb(51,67,253)
```
#4c5afd
```
#4c5afd rgb(76,90,253)
```
#6571fd
```
#6571fd rgb(101,113,253)
```
#7e88fe
```
#7e88fe rgb(126,136,254)
```
#98a0fe
```
#98a0fe rgb(152,160,254)
```

Monochromatic Color

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

#4c86fd
```
#4c86fd rgb(76,134,253)
```
#4c78fd
```
#4c78fd rgb(76,120,253)
```
#4c69fd
```
#4c69fd rgb(76,105,253)
```
#4c5afd
```
#4c5afd rgb(76,90,253)
```
#4d4cfd
```
#4d4cfd rgb(77,76,253)
```
#5c4cfd
```
#5c4cfd rgb(92,76,253)
```
#6a4cfd
```
#6a4cfd rgb(106,76,253)
```

Similar Colors

Text with hexadecimal color #4c5afd

This text has a font color of #4c5afd.

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

#4c5afd background color

This paragraph has a background color of #4c5afd.

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

#4c5afd border color

This element has a border color of #4c5afd.

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

CSS codes

.text {color:#4c5afd;}

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

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

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)
```
#000322
```
#000322 rgb(0,3,34)
```
#010536
```
#010536 rgb(1,5,54)
```
#010749
```
#010749 rgb(1,7,73)
```
#01085d
```
#01085d rgb(1,8,93)
```
#010a70
```
#010a70 rgb(1,10,112)
```
#010c83
```
#010c83 rgb(1,12,131)
```
#020d97
```
#020d97 rgb(2,13,151)
```
#020faa
```
#020faa rgb(2,15,170)
```
#0211be
```
#0211be rgb(2,17,190)
```
#0213d1
```
#0213d1 rgb(2,19,209)
```
#0314e4
```
#0314e4 rgb(3,20,228)
```
#0316f8
```
#0316f8 rgb(3,22,248)
```

Shade Color Variation

#1224fc
```
#1224fc rgb(18,36,252)
```
#2536fd
```
#2536fd rgb(37,54,253)
```
#3948fd
```
#3948fd rgb(57,72,253)
```
#4c5afd
```
#4c5afd rgb(76,90,253)
```
#5f6cfd
```
#5f6cfd rgb(95,108,253)
```
#737efd
```
#737efd rgb(115,126,253)
```
#8690fe
```
#8690fe rgb(134,144,254)
```
#9aa2fe
```
#9aa2fe rgb(154,162,254)
```
#adb3fe
```
#adb3fe rgb(173,179,254)
```
#c0c5fe
```
#c0c5fe rgb(192,197,254)
```
#d4d7ff
```
#d4d7ff rgb(212,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, #a0a0a9 is the less saturated color, while #4c5afd is the most saturated one.

#a0a0a9
```
#a0a0a9 rgb(160,160,169)
```
#999ab0
```
#999ab0 rgb(153,154,176)
```
#9295b7
```
#9295b7 rgb(146,149,183)
```
#8b8fbe
```
#8b8fbe rgb(139,143,190)
```
#8489c5
```
#8489c5 rgb(132,137,197)
```
#7d83cc
```
#7d83cc rgb(125,131,204)
```
#767dd3
```
#767dd3 rgb(118,125,211)
```
#6f77da
```
#6f77da rgb(111,119,218)
```
#6871e1
```
#6871e1 rgb(104,113,225)
```
#616ce8
```
#616ce8 rgb(97,108,232)
```
#5a66ef
```
#5a66ef rgb(90,102,239)
```
#5360f6
```
#5360f6 rgb(83,96,246)
```
#4c5afd
```
#4c5afd rgb(76,90,253)
```

Tone Color Variation

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

#1b6aea Protanomaly 1% of men, 0.01% of women
#1b6ed8 Deuteranomaly 6% of men, 0.4% of women
#1b73b3 Tritanomaly 0.01% of the population

#4c5afd hex color

#4c5afd Color Information

#4c5afd Color Conversion

Color Schemes with #4c5afd

Alternatives to #4c5afd

#4c5afd Preview

Shades and Tints of #4c5afd

Tones of #4c5afd

Color Blindness Simulator