#4d5afd hex color

In a RGB color space, hex #4d5afd is composed of 30.2% red, 35.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 64.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 235.6 degrees, a saturation of 97.8% and a lightness of 64.7%. #4d5afd color hex could be obtained by blending #9ab4ff with #0000fb. Closest websafe color is: #6666ff.

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

● #4d5afd color description : Soft blue.

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

Hex triplet	4d5afd	`#4d5afd`
RGB Decimal	77, 90, 253	`rgb(77,90,253)`
RGB Percent	30.2, 35.3, 99.2	`rgb(30.2%,35.3%,99.2%)`
CMYK	70, 64, 0, 1
HSL	235.6°, 97.8, 64.7	`hsl(235.6,97.8%,64.7%)`
HSV (or HSB)	235.6°, 69.6, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.949, 46.63, -82.39
XYZ	24.443, 15.981, 94.72
xyY	0.181, 0.118, 15.981
CIE-LCH	46.949, 94.67, 299.508
CIE-LUV	46.949, -11.917, -125.748
Hunter-Lab	39.976, 39.185, -112.501
Binary	01001101, 01011010, 11111101

#4d5afd
```
#4d5afd rgb(77,90,253)
```
#fdf04d
```
#fdf04d rgb(253,240,77)
```

Complementary Color

#4db2fd
```
#4db2fd rgb(77,178,253)
```
#4d5afd
```
#4d5afd rgb(77,90,253)
```
#984dfd
```
#984dfd rgb(152,77,253)
```

Analogous Color

#b2fd4d
```
#b2fd4d rgb(178,253,77)
```
#4d5afd
```
#4d5afd rgb(77,90,253)
```
#fd984d
```
#fd984d rgb(253,152,77)
```

Split Complementary Color

#5afd4d
```
#5afd4d rgb(90,253,77)
```
#4d5afd
```
#4d5afd rgb(77,90,253)
```
#fd4d5a
```
#fd4d5a rgb(253,77,90)
```

Triadic Color

#4dfdf0
```
#4dfdf0 rgb(77,253,240)
```
#4d5afd
```
#4d5afd rgb(77,90,253)
```
#fd4d5a
```
#fd4d5a rgb(253,77,90)
```
#fdf04d
```
#fdf04d rgb(253,240,77)
```

Tetradic Color

#0315fb
```
#0315fb rgb(3,21,251)
```
#1b2bfc
```
#1b2bfc rgb(27,43,252)
```
#3443fd
```
#3443fd rgb(52,67,253)
```
#4d5afd
```
#4d5afd rgb(77,90,253)
```
#6671fd
```
#6671fd rgb(102,113,253)
```
#7f89fe
```
#7f89fe rgb(127,137,254)
```
#99a0fe
```
#99a0fe rgb(153,160,254)
```

Monochromatic Color

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

#4d86fd
```
#4d86fd rgb(77,134,253)
```
#4d77fd
```
#4d77fd rgb(77,119,253)
```
#4d69fd
```
#4d69fd rgb(77,105,253)
```
#4d5afd
```
#4d5afd rgb(77,90,253)
```
#4f4dfd
```
#4f4dfd rgb(79,77,253)
```
#5d4dfd
```
#5d4dfd rgb(93,77,253)
```
#6c4dfd
```
#6c4dfd rgb(108,77,253)
```

Similar Colors

Text with hexadecimal color #4d5afd

This text has a font color of #4d5afd.

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

#4d5afd background color

This paragraph has a background color of #4d5afd.

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

#4d5afd border color

This element has a border color of #4d5afd.

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

CSS codes

.text {color:#4d5afd;}

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

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

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

#000110
```
#000110 rgb(0,1,16)
```
#000323
```
#000323 rgb(0,3,35)
```
#010537
```
#010537 rgb(1,5,55)
```
#01064a
```
#01064a rgb(1,6,74)
```
#01085e
```
#01085e rgb(1,8,94)
```
#010a71
```
#010a71 rgb(1,10,113)
```
#010b84
```
#010b84 rgb(1,11,132)
```
#020d98
```
#020d98 rgb(2,13,152)
```
#020eab
```
#020eab rgb(2,14,171)
```
#0210bf
```
#0210bf rgb(2,16,191)
```
#0212d2
```
#0212d2 rgb(2,18,210)
```
#0313e5
```
#0313e5 rgb(3,19,229)
```
#0315f9
```
#0315f9 rgb(3,21,249)
```

Shade Color Variation

#1324fc
```
#1324fc rgb(19,36,252)
```
#2636fd
```
#2636fd rgb(38,54,253)
```
#3a48fd
```
#3a48fd rgb(58,72,253)
```
#4d5afd
```
#4d5afd rgb(77,90,253)
```
#606cfd
```
#606cfd rgb(96,108,253)
```
#747efd
```
#747efd rgb(116,126,253)
```
#8790fe
```
#8790fe rgb(135,144,254)
```
#9ba2fe
```
#9ba2fe rgb(155,162,254)
```
#aeb4fe
```
#aeb4fe rgb(174,180,254)
```
#c1c6fe
```
#c1c6fe rgb(193,198,254)
```
#d5d8ff
```
#d5d8ff rgb(213,216,255)
```
#e8eaff
```
#e8eaff rgb(232,234,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a0a1aa is the less saturated color, while #4d5afd is the most saturated one.

#a0a1aa
```
#a0a1aa rgb(160,161,170)
```
#999bb1
```
#999bb1 rgb(153,155,177)
```
#9295b8
```
#9295b8 rgb(146,149,184)
```
#8b8fbf
```
#8b8fbf rgb(139,143,191)
```
#8489c6
```
#8489c6 rgb(132,137,198)
```
#7d83cd
```
#7d83cd rgb(125,131,205)
```
#777dd3
```
#777dd3 rgb(119,125,211)
```
#7078da
```
#7078da rgb(112,120,218)
```
#6972e1
```
#6972e1 rgb(105,114,225)
```
#626ce8
```
#626ce8 rgb(98,108,232)
```
#5b66ef
```
#5b66ef rgb(91,102,239)
```
#5460f6
```
#5460f6 rgb(84,96,246)
```
#4d5afd
```
#4d5afd rgb(77,90,253)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#636687 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

#1c6aeb Protanomaly 1% of men, 0.01% of women
#1c6ed8 Deuteranomaly 6% of men, 0.4% of women
#1c73b3 Tritanomaly 0.01% of the population

#4d5afd hex color

#4d5afd Color Information

#4d5afd Color Conversion

Color Schemes with #4d5afd

Alternatives to #4d5afd

#4d5afd Preview

Shades and Tints of #4d5afd

Tones of #4d5afd

Color Blindness Simulator