#4d5afa hex color

In a RGB color space, hex #4d5afa is composed of 30.2% red, 35.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 64% magenta, 0% yellow and 2% black. It has a hue angle of 235.5 degrees, a saturation of 94.5% and a lightness of 64.1%. #4d5afa color hex could be obtained by blending #9ab4ff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 30
- G 35
- B 98
RGB color chart
- C 69
- M 64
- Y 0
- K 2
CMYK color chart

● #4d5afa color description : Soft blue.

The hexadecimal color #4d5afa has RGB values of R:77, G:90, B:250 and CMYK values of C:0.69, M:0.64, Y:0, K:0.02. Its decimal value is 5069562.

Hex triplet	4d5afa	`#4d5afa`
RGB Decimal	77, 90, 250	`rgb(77,90,250)`
RGB Percent	30.2, 35.3, 98	`rgb(30.2%,35.3%,98%)`
CMYK	69, 64, 0, 2
HSL	235.5°, 94.5, 64.1	`hsl(235.5,94.5%,64.1%)`
HSV (or HSB)	235.5°, 69.2, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.699, 45.638, -81.128
XYZ	23.969, 15.791, 92.222
xyY	0.182, 0.12, 15.791
CIE-LCH	46.699, 93.083, 299.36
CIE-LUV	46.699, -11.819, -123.803
Hunter-Lab	39.738, 38.125, -109.782
Binary	01001101, 01011010, 11111010

#4d5afa
```
#4d5afa rgb(77,90,250)
```
#faed4d
```
#faed4d rgb(250,237,77)
```

Complementary Color

#4db1fa
```
#4db1fa rgb(77,177,250)
```
#4d5afa
```
#4d5afa rgb(77,90,250)
```
#974dfa
```
#974dfa rgb(151,77,250)
```

Analogous Color

#b1fa4d
```
#b1fa4d rgb(177,250,77)
```
#4d5afa
```
#4d5afa rgb(77,90,250)
```
#fa974d
```
#fa974d rgb(250,151,77)
```

Split Complementary Color

#5afa4d
```
#5afa4d rgb(90,250,77)
```
#4d5afa
```
#4d5afa rgb(77,90,250)
```
#fa4d5a
```
#fa4d5a rgb(250,77,90)
```

Triadic Color

#4dfaed
```
#4dfaed rgb(77,250,237)
```
#4d5afa
```
#4d5afa rgb(77,90,250)
```
#fa4d5a
```
#fa4d5a rgb(250,77,90)
```
#faed4d
```
#faed4d rgb(250,237,77)
```

Tetradic Color

#0719f4
```
#0719f4 rgb(7,25,244)
```
#1b2cf9
```
#1b2cf9 rgb(27,44,249)
```
#3443f9
```
#3443f9 rgb(52,67,249)
```
#4d5afa
```
#4d5afa rgb(77,90,250)
```
#6671fb
```
#6671fb rgb(102,113,251)
```
#7f88fb
```
#7f88fb rgb(127,136,251)
```
#979ffc
```
#979ffc rgb(151,159,252)
```

Monochromatic Color

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

#4d85fa
```
#4d85fa rgb(77,133,250)
```
#4d77fa
```
#4d77fa rgb(77,119,250)
```
#4d68fa
```
#4d68fa rgb(77,104,250)
```
#4d5afa
```
#4d5afa rgb(77,90,250)
```
#4e4dfa
```
#4e4dfa rgb(78,77,250)
```
#5d4dfa
```
#5d4dfa rgb(93,77,250)
```
#6b4dfa
```
#6b4dfa rgb(107,77,250)
```

Similar Colors

Text with hexadecimal color #4d5afa

This text has a font color of #4d5afa.

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

#4d5afa background color

This paragraph has a background color of #4d5afa.

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

#4d5afa border color

This element has a border color of #4d5afa.

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

CSS codes

.text {color:#4d5afa;}

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

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

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, #00010d is the darkest color, while #f9f9ff is the lightest one.

#00010d
```
#00010d rgb(0,1,13)
```
#010320
```
#010320 rgb(1,3,32)
```
#010533
```
#010533 rgb(1,5,51)
```
#020746
```
#020746 rgb(2,7,70)
```
#030959
```
#030959 rgb(3,9,89)
```
#030b6c
```
#030b6c rgb(3,11,108)
```
#040d7f
```
#040d7f rgb(4,13,127)
```
#040f92
```
#040f92 rgb(4,15,146)
```
#0511a5
```
#0511a5 rgb(5,17,165)
```
#0513b9
```
#0513b9 rgb(5,19,185)
```
#0615cc
```
#0615cc rgb(6,21,204)
```
#0617df
```
#0617df rgb(6,23,223)
```
#0718f2
```
#0718f2 rgb(7,24,242)
```

Shade Color Variation

#1425f8
```
#1425f8 rgb(20,37,248)
```
#2737f9
```
#2737f9 rgb(39,55,249)
```
#3a48f9
```
#3a48f9 rgb(58,72,249)
```
#4d5afa
```
#4d5afa rgb(77,90,250)
```
#606cfb
```
#606cfb rgb(96,108,251)
```
#737dfb
```
#737dfb rgb(115,125,251)
```
#868ffc
```
#868ffc rgb(134,143,252)
```
#99a1fc
```
#99a1fc rgb(153,161,252)
```
#acb2fd
```
#acb2fd rgb(172,178,253)
```
#bfc4fd
```
#bfc4fd rgb(191,196,253)
```
#d3d6fe
```
#d3d6fe rgb(211,214,254)
```
#e6e7fe
```
#e6e7fe rgb(230,231,254)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#a1a2a6
```
#a1a2a6 rgb(161,162,166)
```
#9a9cad
```
#9a9cad rgb(154,156,173)
```
#9396b4
```
#9396b4 rgb(147,150,180)
```
#8c90bb
```
#8c90bb rgb(140,144,187)
```
#858ac2
```
#858ac2 rgb(133,138,194)
```
#7e84c9
```
#7e84c9 rgb(126,132,201)
```
#777ed0
```
#777ed0 rgb(119,126,208)
```
#7078d7
```
#7078d7 rgb(112,120,215)
```
#6972de
```
#6972de rgb(105,114,222)
```
#626ce5
```
#626ce5 rgb(98,108,229)
```
#5b66ec
```
#5b66ec rgb(91,102,236)
```
#5460f3
```
#5460f3 rgb(84,96,243)
```
#4d5afa
```
#4d5afa rgb(77,90,250)
```

Tone Color Variation

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

Dichromacy

#0072df Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#1c69e9 Protanomaly 1% of men, 0.01% of women
#1c6dd7 Deuteranomaly 6% of men, 0.4% of women
#1c73b2 Tritanomaly 0.01% of the population

#4d5afa hex color

#4d5afa Color Information

#4d5afa Color Conversion

Color Schemes with #4d5afa

Alternatives to #4d5afa

#4d5afa Preview

Shades and Tints of #4d5afa

Tones of #4d5afa

Color Blindness Simulator