#5f75fd hex color

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

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

● #5f75fd color description : Soft blue.

The hexadecimal color #5f75fd has RGB values of R:95, G:117, B:253 and CMYK values of C:0.62, M:0.54, Y:0, K:0.01. Its decimal value is 6256125.

Hex triplet	5f75fd	`#5f75fd`
RGB Decimal	95, 117, 253	`rgb(95,117,253)`
RGB Percent	37.3, 45.9, 99.2	`rgb(37.3%,45.9%,99.2%)`
CMYK	62, 54, 0, 1
HSL	231.6°, 97.5, 68.2	`hsl(231.6,97.5%,68.2%)`
HSV (or HSB)	231.6°, 62.5, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.287, 32.897, -70.394
XYZ	28.807, 22.246, 95.699
xyY	0.196, 0.152, 22.246
CIE-LCH	54.287, 77.701, 295.048
CIE-LUV	54.287, -14.437, -113.004
Hunter-Lab	47.165, 26.48, -87.284
Binary	01011111, 01110101, 11111101

#5f75fd
```
#5f75fd rgb(95,117,253)
```
#fde75f
```
#fde75f rgb(253,231,95)
```

Complementary Color

#5fc4fd
```
#5fc4fd rgb(95,196,253)
```
#5f75fd
```
#5f75fd rgb(95,117,253)
```
#985ffd
```
#985ffd rgb(152,95,253)
```

Analogous Color

#c4fd5f
```
#c4fd5f rgb(196,253,95)
```
#5f75fd
```
#5f75fd rgb(95,117,253)
```
#fd985f
```
#fd985f rgb(253,152,95)
```

Split Complementary Color

#75fd5f
```
#75fd5f rgb(117,253,95)
```
#5f75fd
```
#5f75fd rgb(95,117,253)
```
#fd5f75
```
#fd5f75 rgb(253,95,117)
```

Triadic Color

#5ffde7
```
#5ffde7 rgb(95,253,231)
```
#5f75fd
```
#5f75fd rgb(95,117,253)
```
#fd5f75
```
#fd5f75 rgb(253,95,117)
```
#fde75f
```
#fde75f rgb(253,231,95)
```

Tetradic Color

#1334fc
```
#1334fc rgb(19,52,252)
```
#2d4afc
```
#2d4afc rgb(45,74,252)
```
#465ffd
```
#465ffd rgb(70,95,253)
```
#5f75fd
```
#5f75fd rgb(95,117,253)
```
#788bfd
```
#788bfd rgb(120,139,253)
```
#91a0fe
```
#91a0fe rgb(145,160,254)
```
#abb6fe
```
#abb6fe rgb(171,182,254)
```

Monochromatic Color

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

#5f9dfd
```
#5f9dfd rgb(95,157,253)
```
#5f8ffd
```
#5f8ffd rgb(95,143,253)
```
#5f82fd
```
#5f82fd rgb(95,130,253)
```
#5f75fd
```
#5f75fd rgb(95,117,253)
```
#5f68fd
```
#5f68fd rgb(95,104,253)
```
#635ffd
```
#635ffd rgb(99,95,253)
```
#715ffd
```
#715ffd rgb(113,95,253)
```

Similar Colors

Text with hexadecimal color #5f75fd

This text has a font color of #5f75fd.

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

#5f75fd background color

This paragraph has a background color of #5f75fd.

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

#5f75fd border color

This element has a border color of #5f75fd.

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

CSS codes

.text {color:#5f75fd;}

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

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

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)
```
#010835
```
#010835 rgb(1,8,53)
```
#010b48
```
#010b48 rgb(1,11,72)
```
#010e5c
```
#010e5c rgb(1,14,92)
```
#01116f
```
#01116f rgb(1,17,111)
```
#021483
```
#021483 rgb(2,20,131)
```
#021696
```
#021696 rgb(2,22,150)
```
#0219a9
```
#0219a9 rgb(2,25,169)
```
#021cbd
```
#021cbd rgb(2,28,189)
```
#031fd0
```
#031fd0 rgb(3,31,208)
```
#0322e3
```
#0322e3 rgb(3,34,227)
```
#0325f7
```
#0325f7 rgb(3,37,247)
```

Shade Color Variation

#1232fc
```
#1232fc rgb(18,50,252)
```
#2543fc
```
#2543fc rgb(37,67,252)
```
#3854fd
```
#3854fd rgb(56,84,253)
```
#4c64fd
```
#4c64fd rgb(76,100,253)
```
#5f75fd
```
#5f75fd rgb(95,117,253)
```
#7286fd
```
#7286fd rgb(114,134,253)
```
#8696fd
```
#8696fd rgb(134,150,253)
```
#99a7fe
```
#99a7fe rgb(153,167,254)
```
#acb8fe
```
#acb8fe rgb(172,184,254)
```
#c0c9fe
```
#c0c9fe rgb(192,201,254)
```
#d3d9fe
```
#d3d9fe rgb(211,217,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 #5f75fd is the most saturated one.

#aaabb2
```
#aaabb2 rgb(170,171,178)
```
#a4a6b8
```
#a4a6b8 rgb(164,166,184)
```
#9da2bf
```
#9da2bf rgb(157,162,191)
```
#979dc5
```
#979dc5 rgb(151,157,197)
```
#9199cb
```
#9199cb rgb(145,153,203)
```
#8b94d1
```
#8b94d1 rgb(139,148,209)
```
#8490d8
```
#8490d8 rgb(132,144,216)
```
#7e8bde
```
#7e8bde rgb(126,139,222)
```
#7887e4
```
#7887e4 rgb(120,135,228)
```
#7282ea
```
#7282ea rgb(114,130,234)
```
#6b7ef1
```
#6b7ef1 rgb(107,126,241)
```
#6579f7
```
#6579f7 rgb(101,121,247)
```
#5f75fd
```
#5f75fd rgb(95,117,253)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#787c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2784ff Protanopia 1% of men
#008be4 Deuteranopia 1% of men
#0095a0 Tritanopia 0.001% of the population

Trichromacy

#3b7efe Protanomaly 1% of men, 0.01% of women
#2283ed Deuteranomaly 6% of men, 0.4% of women
#2289c2 Tritanomaly 0.01% of the population

#5f75fd hex color

#5f75fd Color Information

#5f75fd Color Conversion

Color Schemes with #5f75fd

Alternatives to #5f75fd

#5f75fd Preview

Shades and Tints of #5f75fd

Tones of #5f75fd

Color Blindness Simulator