#5f77fd hex color

In a RGB color space, hex #5f77fd is composed of 37.3% red, 46.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 53% magenta, 0% yellow and 0.8% black. It has a hue angle of 230.9 degrees, a saturation of 97.5% and a lightness of 68.2%. #5f77fd color hex could be obtained by blending #beeeff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 47
- B 99
RGB color chart
- C 62
- M 53
- Y 0
- K 1
CMYK color chart

● #5f77fd color description : Soft blue.

The hexadecimal color #5f77fd has RGB values of R:95, G:119, B:253 and CMYK values of C:0.62, M:0.53, Y:0, K:0.01. Its decimal value is 6256637.

Hex triplet	5f77fd	`#5f77fd`
RGB Decimal	95, 119, 253	`rgb(95,119,253)`
RGB Percent	37.3, 46.7, 99.2	`rgb(37.3%,46.7%,99.2%)`
CMYK	62, 53, 0, 1
HSL	230.9°, 97.5, 68.2	`hsl(230.9,97.5%,68.2%)`
HSV (or HSB)	230.9°, 62.5, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.779, 31.686, -69.597
XYZ	29.042, 22.717, 95.777
xyY	0.197, 0.154, 22.717
CIE-LCH	54.779, 76.47, 294.479
CIE-LUV	54.779, -14.996, -111.952
Hunter-Lab	47.662, 25.357, -85.78
Binary	01011111, 01110111, 11111101

#5f77fd
```
#5f77fd rgb(95,119,253)
```
#fde55f
```
#fde55f rgb(253,229,95)
```

Complementary Color

#5fc6fd
```
#5fc6fd rgb(95,198,253)
```
#5f77fd
```
#5f77fd rgb(95,119,253)
```
#965ffd
```
#965ffd rgb(150,95,253)
```

Analogous Color

#c6fd5f
```
#c6fd5f rgb(198,253,95)
```
#5f77fd
```
#5f77fd rgb(95,119,253)
```
#fd965f
```
#fd965f rgb(253,150,95)
```

Split Complementary Color

#77fd5f
```
#77fd5f rgb(119,253,95)
```
#5f77fd
```
#5f77fd rgb(95,119,253)
```
#fd5f77
```
#fd5f77 rgb(253,95,119)
```

Triadic Color

#5ffde5
```
#5ffde5 rgb(95,253,229)
```
#5f77fd
```
#5f77fd rgb(95,119,253)
```
#fd5f77
```
#fd5f77 rgb(253,95,119)
```
#fde55f
```
#fde55f rgb(253,229,95)
```

Tetradic Color

#1337fc
```
#1337fc rgb(19,55,252)
```
#2d4cfc
```
#2d4cfc rgb(45,76,252)
```
#4662fd
```
#4662fd rgb(70,98,253)
```
#5f77fd
```
#5f77fd rgb(95,119,253)
```
#788cfd
```
#788cfd rgb(120,140,253)
```
#91a2fe
```
#91a2fe rgb(145,162,254)
```
#abb7fe
```
#abb7fe rgb(171,183,254)
```

Monochromatic Color

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

#5f9ffd
```
#5f9ffd rgb(95,159,253)
```
#5f91fd
```
#5f91fd rgb(95,145,253)
```
#5f84fd
```
#5f84fd rgb(95,132,253)
```
#5f77fd
```
#5f77fd rgb(95,119,253)
```
#5f6afd
```
#5f6afd rgb(95,106,253)
```
#615ffd
```
#615ffd rgb(97,95,253)
```
#6f5ffd
```
#6f5ffd rgb(111,95,253)
```

Similar Colors

Text with hexadecimal color #5f77fd

This text has a font color of #5f77fd.

<span style="color:#5f77fd;">Text here</span>

#5f77fd background color

This paragraph has a background color of #5f77fd.

<p style="background-color:#5f77fd;">Content here</p>

#5f77fd border color

This element has a border color of #5f77fd.

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

CSS codes

.text {color:#5f77fd;}

.background {background-color:#5f77fd;}

.border {border:1px solid #5f77fd;}

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, #00020e is the darkest color, while #fafbff is the lightest one.

#00020e
```
#00020e rgb(0,2,14)
```
#000522
```
#000522 rgb(0,5,34)
```
#010935
```
#010935 rgb(1,9,53)
```
#010c48
```
#010c48 rgb(1,12,72)
```
#010f5c
```
#010f5c rgb(1,15,92)
```
#01126f
```
#01126f rgb(1,18,111)
```
#021583
```
#021583 rgb(2,21,131)
```
#021896
```
#021896 rgb(2,24,150)
```
#021ca9
```
#021ca9 rgb(2,28,169)
```
#021fbd
```
#021fbd rgb(2,31,189)
```
#0322d0
```
#0322d0 rgb(3,34,208)
```
#0325e3
```
#0325e3 rgb(3,37,227)
```
#0328f7
```
#0328f7 rgb(3,40,247)
```

Shade Color Variation

#1235fc
```
#1235fc rgb(18,53,252)
```
#2546fc
```
#2546fc rgb(37,70,252)
```
#3856fd
```
#3856fd rgb(56,86,253)
```
#4c67fd
```
#4c67fd rgb(76,103,253)
```
#5f77fd
```
#5f77fd rgb(95,119,253)
```
#7287fd
```
#7287fd rgb(114,135,253)
```
#8698fd
```
#8698fd rgb(134,152,253)
```
#99a8fe
```
#99a8fe rgb(153,168,254)
```
#acb9fe
```
#acb9fe rgb(172,185,254)
```
#c0c9fe
```
#c0c9fe rgb(192,201,254)
```
#d3dafe
```
#d3dafe rgb(211,218,254)
```
#e7eaff
```
#e7eaff rgb(231,234,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#aaabb2
```
#aaabb2 rgb(170,171,178)
```
#a4a7b8
```
#a4a7b8 rgb(164,167,184)
```
#9da2bf
```
#9da2bf rgb(157,162,191)
```
#979ec5
```
#979ec5 rgb(151,158,197)
```
#919acb
```
#919acb rgb(145,154,203)
```
#8b95d1
```
#8b95d1 rgb(139,149,209)
```
#8491d8
```
#8491d8 rgb(132,145,216)
```
#7e8dde
```
#7e8dde rgb(126,141,222)
```
#7888e4
```
#7888e4 rgb(120,136,228)
```
#7284ea
```
#7284ea rgb(114,132,234)
```
#6b80f1
```
#6b80f1 rgb(107,128,241)
```
#657bf7
```
#657bf7 rgb(101,123,247)
```
#5f77fd
```
#5f77fd rgb(95,119,253)
```

Tone Color Variation

Below, you can see how #5f77fd 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

#7f7f7f Achromatopsia 0.005% of the population
#797d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f85ff Protanopia 1% of men
#008ce6 Deuteranopia 1% of men
#0d96a1 Tritanopia 0.001% of the population

Trichromacy

#4080fe Protanomaly 1% of men, 0.01% of women
#2284ee Deuteranomaly 6% of men, 0.4% of women
#2a8bc3 Tritanomaly 0.01% of the population

#5f77fd hex color

#5f77fd Color Information

#5f77fd Color Conversion

Color Schemes with #5f77fd

Alternatives to #5f77fd

#5f77fd Preview

Shades and Tints of #5f77fd

Tones of #5f77fd

Color Blindness Simulator