#4c5fdd hex color

In a RGB color space, hex #4c5fdd is composed of 29.8% red, 37.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 57% magenta, 0% yellow and 13.3% black. It has a hue angle of 232.1 degrees, a saturation of 68.1% and a lightness of 58.2%. #4c5fdd color hex could be obtained by blending #98beff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 30
- G 37
- B 87
RGB color chart
- C 66
- M 57
- Y 0
- K 13
CMYK color chart

● #4c5fdd color description : Soft blue.

The hexadecimal color #4c5fdd has RGB values of R:76, G:95, B:221 and CMYK values of C:0.66, M:0.57, Y:0, K:0.13. Its decimal value is 5005277.

Hex triplet	4c5fdd	`#4c5fdd`
RGB Decimal	76, 95, 221	`rgb(76,95,221)`
RGB Percent	29.8, 37.3, 86.7	`rgb(29.8%,37.3%,86.7%)`
CMYK	66, 57, 0, 13
HSL	232.1°, 68.1, 58.2	`hsl(232.1,68.1%,58.2%)`
HSV (or HSB)	232.1°, 65.6, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.552, 32.683, -66.675
XYZ	20.121, 14.94, 70.226
xyY	0.191, 0.142, 14.94
CIE-LCH	45.552, 74.255, 296.113
CIE-LUV	45.552, -12.384, -102.3
Hunter-Lab	38.653, 25.279, -80.664
Binary	01001100, 01011111, 11011101

#4c5fdd
```
#4c5fdd rgb(76,95,221)
```
#ddca4c
```
#ddca4c rgb(221,202,76)
```

Complementary Color

#4ca8dd
```
#4ca8dd rgb(76,168,221)
```
#4c5fdd
```
#4c5fdd rgb(76,95,221)
```
#824cdd
```
#824cdd rgb(130,76,221)
```

Analogous Color

#a8dd4c
```
#a8dd4c rgb(168,221,76)
```
#4c5fdd
```
#4c5fdd rgb(76,95,221)
```
#dd824c
```
#dd824c rgb(221,130,76)
```

Split Complementary Color

#5fdd4c
```
#5fdd4c rgb(95,221,76)
```
#4c5fdd
```
#4c5fdd rgb(76,95,221)
```
#dd4c5f
```
#dd4c5f rgb(221,76,95)
```

Triadic Color

#4cddca
```
#4cddca rgb(76,221,202)
```
#4c5fdd
```
#4c5fdd rgb(76,95,221)
```
#dd4c5f
```
#dd4c5f rgb(221,76,95)
```
#ddca4c
```
#ddca4c rgb(221,202,76)
```

Tetradic Color

#2337b9
```
#2337b9 rgb(35,55,185)
```
#273dcf
```
#273dcf rgb(39,61,207)
```
#374cd9
```
#374cd9 rgb(55,76,217)
```
#4c5fdd
```
#4c5fdd rgb(76,95,221)
```
#6172e1
```
#6172e1 rgb(97,114,225)
```
#7785e5
```
#7785e5 rgb(119,133,229)
```
#8c98e9
```
#8c98e9 rgb(140,152,233)
```

Monochromatic Color

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

#4c83dd
```
#4c83dd rgb(76,131,221)
```
#4c77dd
```
#4c77dd rgb(76,119,221)
```
#4c6bdd
```
#4c6bdd rgb(76,107,221)
```
#4c5fdd
```
#4c5fdd rgb(76,95,221)
```
#4c53dd
```
#4c53dd rgb(76,83,221)
```
#514cdd
```
#514cdd rgb(81,76,221)
```
#5d4cdd
```
#5d4cdd rgb(93,76,221)
```

Similar Colors

Text with hexadecimal color #4c5fdd

This text has a font color of #4c5fdd.

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

#4c5fdd background color

This paragraph has a background color of #4c5fdd.

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

#4c5fdd border color

This element has a border color of #4c5fdd.

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

CSS codes

.text {color:#4c5fdd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040613
```
#040613 rgb(4,6,19)
```
#070a23
```
#070a23 rgb(7,10,35)
```
#0a0f34
```
#0a0f34 rgb(10,15,52)
```
#0d1444
```
#0d1444 rgb(13,20,68)
```
#101955
```
#101955 rgb(16,25,85)
```
#131e65
```
#131e65 rgb(19,30,101)
```
#162376
```
#162376 rgb(22,35,118)
```
#192886
```
#192886 rgb(25,40,134)
```
#1d2d97
```
#1d2d97 rgb(29,45,151)
```
#2031a7
```
#2031a7 rgb(32,49,167)
```
#2336b8
```
#2336b8 rgb(35,54,184)
```
#263bc8
```
#263bc8 rgb(38,59,200)
```

Shade Color Variation

#2b42d7
```
#2b42d7 rgb(43,66,215)
```
#3c50da
```
#3c50da rgb(60,80,218)
```
#4c5fdd
```
#4c5fdd rgb(76,95,221)
```
#5c6ee0
```
#5c6ee0 rgb(92,110,224)
```
#6d7ce3
```
#6d7ce3 rgb(109,124,227)
```
#7d8be6
```
#7d8be6 rgb(125,139,230)
```
#8e9aea
```
#8e9aea rgb(142,154,234)
```
#9ea9ed
```
#9ea9ed rgb(158,169,237)
```
#afb7f0
```
#afb7f0 rgb(175,183,240)
```
#bfc6f3
```
#bfc6f3 rgb(191,198,243)
```
#d0d5f6
```
#d0d5f6 rgb(208,213,246)
```
#e0e4f9
```
#e0e4f9 rgb(224,228,249)
```
#f1f2fc
```
#f1f2fc rgb(241,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8f9b is the less saturated color, while #2b47fe is the most saturated one.

#8e8f9b
```
#8e8f9b rgb(142,143,155)
```
#8589a4
```
#8589a4 rgb(133,137,164)
```
#7d83ac
```
#7d83ac rgb(125,131,172)
```
#757db4
```
#757db4 rgb(117,125,180)
```
#6d77bc
```
#6d77bc rgb(109,119,188)
```
#6571c4
```
#6571c4 rgb(101,113,196)
```
#5c6bcd
```
#5c6bcd rgb(92,107,205)
```
#5465d5
```
#5465d5 rgb(84,101,213)
```
#4c5fdd
```
#4c5fdd rgb(76,95,221)
```
#4459e5
```
#4459e5 rgb(68,89,229)
```
#3c53ed
```
#3c53ed rgb(60,83,237)
```
#334df6
```
#334df6 rgb(51,77,246)
```
#2b47fe
```
#2b47fe rgb(43,71,254)
```

Tone Color Variation

Below, you can see how #4c5fdd 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
#62667f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fdb Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#007e87 Tritanopia 0.001% of the population

Trichromacy

#1b69db Protanomaly 1% of men, 0.01% of women
#1b6dca Deuteranomaly 6% of men, 0.4% of women
#1b73a6 Tritanomaly 0.01% of the population

#4c5fdd hex color

#4c5fdd Color Information

#4c5fdd Color Conversion

Color Schemes with #4c5fdd

Alternatives to #4c5fdd

#4c5fdd Preview

Shades and Tints of #4c5fdd

Tones of #4c5fdd

Color Blindness Simulator