#5f7cfd hex color

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

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

● #5f7cfd color description : Soft blue.

The hexadecimal color #5f7cfd has RGB values of R:95, G:124, B:253 and CMYK values of C:0.62, M:0.51, Y:0, K:0.01. Its decimal value is 6257917.

Hex triplet	5f7cfd	`#5f7cfd`
RGB Decimal	95, 124, 253	`rgb(95,124,253)`
RGB Percent	37.3, 48.6, 99.2	`rgb(37.3%,48.6%,99.2%)`
CMYK	62, 51, 0, 1
HSL	229°, 97.5, 68.2	`hsl(229,97.5%,68.2%)`
HSV (or HSB)	229°, 62.5, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.026, 28.657, -67.583
XYZ	29.653, 23.938, 95.981
xyY	0.198, 0.16, 23.938
CIE-LCH	56.026, 73.408, 292.978
CIE-LUV	56.026, -16.426, -109.212
Hunter-Lab	48.927, 22.561, -82.062
Binary	01011111, 01111100, 11111101

#5f7cfd
```
#5f7cfd rgb(95,124,253)
```
#fde05f
```
#fde05f rgb(253,224,95)
```

Complementary Color

#5fcbfd
```
#5fcbfd rgb(95,203,253)
```
#5f7cfd
```
#5f7cfd rgb(95,124,253)
```
#915ffd
```
#915ffd rgb(145,95,253)
```

Analogous Color

#cbfd5f
```
#cbfd5f rgb(203,253,95)
```
#5f7cfd
```
#5f7cfd rgb(95,124,253)
```
#fd915f
```
#fd915f rgb(253,145,95)
```

Split Complementary Color

#7cfd5f
```
#7cfd5f rgb(124,253,95)
```
#5f7cfd
```
#5f7cfd rgb(95,124,253)
```
#fd5f7c
```
#fd5f7c rgb(253,95,124)
```

Triadic Color

#5ffde0
```
#5ffde0 rgb(95,253,224)
```
#5f7cfd
```
#5f7cfd rgb(95,124,253)
```
#fd5f7c
```
#fd5f7c rgb(253,95,124)
```
#fde05f
```
#fde05f rgb(253,224,95)
```

Tetradic Color

#133efc
```
#133efc rgb(19,62,252)
```
#2d53fc
```
#2d53fc rgb(45,83,252)
```
#4667fd
```
#4667fd rgb(70,103,253)
```
#5f7cfd
```
#5f7cfd rgb(95,124,253)
```
#7891fd
```
#7891fd rgb(120,145,253)
```
#91a5fe
```
#91a5fe rgb(145,165,254)
```
#abbafe
```
#abbafe rgb(171,186,254)
```

Monochromatic Color

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

#5fa4fd
```
#5fa4fd rgb(95,164,253)
```
#5f96fd
```
#5f96fd rgb(95,150,253)
```
#5f89fd
```
#5f89fd rgb(95,137,253)
```
#5f7cfd
```
#5f7cfd rgb(95,124,253)
```
#5f6ffd
```
#5f6ffd rgb(95,111,253)
```
#5f62fd
```
#5f62fd rgb(95,98,253)
```
#6a5ffd
```
#6a5ffd rgb(106,95,253)
```

Similar Colors

Text with hexadecimal color #5f7cfd

This text has a font color of #5f7cfd.

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

#5f7cfd background color

This paragraph has a background color of #5f7cfd.

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

#5f7cfd border color

This element has a border color of #5f7cfd.

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

CSS codes

.text {color:#5f7cfd;}

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

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

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

#00030e
```
#00030e rgb(0,3,14)
```
#000722
```
#000722 rgb(0,7,34)
```
#010a35
```
#010a35 rgb(1,10,53)
```
#010e48
```
#010e48 rgb(1,14,72)
```
#01125c
```
#01125c rgb(1,18,92)
```
#01166f
```
#01166f rgb(1,22,111)
```
#021983
```
#021983 rgb(2,25,131)
```
#021d96
```
#021d96 rgb(2,29,150)
```
#0221a9
```
#0221a9 rgb(2,33,169)
```
#0225bd
```
#0225bd rgb(2,37,189)
```
#0328d0
```
#0328d0 rgb(3,40,208)
```
#032ce3
```
#032ce3 rgb(3,44,227)
```
#0330f7
```
#0330f7 rgb(3,48,247)
```

Shade Color Variation

#123dfc
```
#123dfc rgb(18,61,252)
```
#254cfc
```
#254cfc rgb(37,76,252)
```
#385cfd
```
#385cfd rgb(56,92,253)
```
#4c6cfd
```
#4c6cfd rgb(76,108,253)
```
#5f7cfd
```
#5f7cfd rgb(95,124,253)
```
#728cfd
```
#728cfd rgb(114,140,253)
```
#869cfd
```
#869cfd rgb(134,156,253)
```
#99acfe
```
#99acfe rgb(153,172,254)
```
#acbbfe
```
#acbbfe rgb(172,187,254)
```
#c0cbfe
```
#c0cbfe rgb(192,203,254)
```
#d3dbfe
```
#d3dbfe rgb(211,219,254)
```
#e7ebff
```
#e7ebff rgb(231,235,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 #5f7cfd is the most saturated one.

#aaabb2
```
#aaabb2 rgb(170,171,178)
```
#a4a7b8
```
#a4a7b8 rgb(164,167,184)
```
#9da3bf
```
#9da3bf rgb(157,163,191)
```
#979fc5
```
#979fc5 rgb(151,159,197)
```
#919ccb
```
#919ccb rgb(145,156,203)
```
#8b98d1
```
#8b98d1 rgb(139,152,209)
```
#8494d8
```
#8494d8 rgb(132,148,216)
```
#7e90de
```
#7e90de rgb(126,144,222)
```
#788ce4
```
#788ce4 rgb(120,140,228)
```
#7288ea
```
#7288ea rgb(114,136,234)
```
#6b84f1
```
#6b84f1 rgb(107,132,241)
```
#6580f7
```
#6580f7 rgb(101,128,247)
```
#5f7cfd
```
#5f7cfd rgb(95,124,253)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7b819b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e88ff Protanopia 1% of men
#008fec Deuteranopia 1% of men
#1999a5 Tritanopia 0.001% of the population

Trichromacy

#4a84fe Protanomaly 1% of men, 0.01% of women
#2288f2 Deuteranomaly 6% of men, 0.4% of women
#328fc5 Tritanomaly 0.01% of the population

#5f7cfd hex color

#5f7cfd Color Information

#5f7cfd Color Conversion

Color Schemes with #5f7cfd

Alternatives to #5f7cfd

#5f7cfd Preview

Shades and Tints of #5f7cfd

Tones of #5f7cfd

Color Blindness Simulator