#5f5ff7 hex color

In a RGB color space, hex #5f5ff7 is composed of 37.3% red, 37.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 61.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 240 degrees, a saturation of 90.5% and a lightness of 67.1%. #5f5ff7 color hex could be obtained by blending #bebeff with #0000ef. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 37
- B 97
RGB color chart
- C 62
- M 62
- Y 0
- K 3
CMYK color chart

● #5f5ff7 color description : Soft blue.

The hexadecimal color #5f5ff7 has RGB values of R:95, G:95, B:247 and CMYK values of C:0.62, M:0.62, Y:0, K:0.03. Its decimal value is 6250487.

Hex triplet	5f5ff7	`#5f5ff7`
RGB Decimal	95, 95, 247	`rgb(95,95,247)`
RGB Percent	37.3, 37.3, 96.9	`rgb(37.3%,37.3%,96.9%)`
CMYK	62, 62, 0, 3
HSL	240°, 90.5, 67.1	`hsl(240,90.5%,67.1%)`
HSV (or HSB)	240°, 61.5, 96.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.675, 44.116, -76.179
XYZ	25.597, 17.332, 89.987
xyY	0.193, 0.13, 17.332
CIE-LCH	48.675, 88.031, 300.076
CIE-LUV	48.675, -8.565, -118.679
Hunter-Lab	41.631, 36.895, -99.015
Binary	01011111, 01011111, 11110111

#5f5ff7
```
#5f5ff7 rgb(95,95,247)
```
#f7f75f
```
#f7f75f rgb(247,247,95)
```

Complementary Color

#5fabf7
```
#5fabf7 rgb(95,171,247)
```
#5f5ff7
```
#5f5ff7 rgb(95,95,247)
```
#ab5ff7
```
#ab5ff7 rgb(171,95,247)
```

Analogous Color

#abf75f
```
#abf75f rgb(171,247,95)
```
#5f5ff7
```
#5f5ff7 rgb(95,95,247)
```
#f7ab5f
```
#f7ab5f rgb(247,171,95)
```

Split Complementary Color

#5ff75f
```
#5ff75f rgb(95,247,95)
```
#5f5ff7
```
#5f5ff7 rgb(95,95,247)
```
#f75f5f
```
#f75f5f rgb(247,95,95)
```

Triadic Color

#5ff7f7
```
#5ff7f7 rgb(95,247,247)
```
#5f5ff7
```
#5f5ff7 rgb(95,95,247)
```
#f75f5f
```
#f75f5f rgb(247,95,95)
```
#f7f75f
```
#f7f75f rgb(247,247,95)
```

Tetradic Color

#1616f3
```
#1616f3 rgb(22,22,243)
```
#2e2ef5
```
#2e2ef5 rgb(46,46,245)
```
#4747f6
```
#4747f6 rgb(71,71,246)
```
#5f5ff7
```
#5f5ff7 rgb(95,95,247)
```
#7777f8
```
#7777f8 rgb(119,119,248)
```
#9090f9
```
#9090f9 rgb(144,144,249)
```
#a8a8fb
```
#a8a8fb rgb(168,168,251)
```

Monochromatic Color

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

#5f85f7
```
#5f85f7 rgb(95,133,247)
```
#5f78f7
```
#5f78f7 rgb(95,120,247)
```
#5f6cf7
```
#5f6cf7 rgb(95,108,247)
```
#5f5ff7
```
#5f5ff7 rgb(95,95,247)
```
#6c5ff7
```
#6c5ff7 rgb(108,95,247)
```
#785ff7
```
#785ff7 rgb(120,95,247)
```
#855ff7
```
#855ff7 rgb(133,95,247)
```

Similar Colors

Text with hexadecimal color #5f5ff7

This text has a font color of #5f5ff7.

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

#5f5ff7 background color

This paragraph has a background color of #5f5ff7.

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

#5f5ff7 border color

This element has a border color of #5f5ff7.

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

CSS codes

.text {color:#5f5ff7;}

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

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

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

#000008
```
#000008 rgb(0,0,8)
```
#01011b
```
#01011b rgb(1,1,27)
```
#02022d
```
#02022d rgb(2,2,45)
```
#030340
```
#030340 rgb(3,3,64)
```
#040453
```
#040453 rgb(4,4,83)
```
#050566
```
#050566 rgb(5,5,102)
```
#060678
```
#060678 rgb(6,6,120)
```
#07078b
```
#07078b rgb(7,7,139)
```
#08089e
```
#08089e rgb(8,8,158)
```
#0909b0
```
#0909b0 rgb(9,9,176)
```
#0a0ac3
```
#0a0ac3 rgb(10,10,195)
```
#0b0bd6
```
#0b0bd6 rgb(11,11,214)
```
#0c0ce8
```
#0c0ce8 rgb(12,12,232)
```

Shade Color Variation

#1414f3
```
#1414f3 rgb(20,20,243)
```
#2727f4
```
#2727f4 rgb(39,39,244)
```
#3a3af5
```
#3a3af5 rgb(58,58,245)
```
#4c4cf6
```
#4c4cf6 rgb(76,76,246)
```
#5f5ff7
```
#5f5ff7 rgb(95,95,247)
```
#7272f8
```
#7272f8 rgb(114,114,248)
```
#8484f9
```
#8484f9 rgb(132,132,249)
```
#9797fa
```
#9797fa rgb(151,151,250)
```
#aaaafb
```
#aaaafb rgb(170,170,251)
```
#bcbcfc
```
#bcbcfc rgb(188,188,252)
```
#cfcffd
```
#cfcffd rgb(207,207,253)
```
#e2e2fe
```
#e2e2fe rgb(226,226,254)
```
#f4f4fe
```
#f4f4fe rgb(244,244,254)
```

Tint Color Variation

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

#a6a6b0
```
#a6a6b0 rgb(166,166,176)
```
#a0a0b6
```
#a0a0b6 rgb(160,160,182)
```
#9999bd
```
#9999bd rgb(153,153,189)
```
#9393c3
```
#9393c3 rgb(147,147,195)
```
#8c8cca
```
#8c8cca rgb(140,140,202)
```
#8686d0
```
#8686d0 rgb(134,134,208)
```
#7f7fd7
```
#7f7fd7 rgb(127,127,215)
```
#7979dd
```
#7979dd rgb(121,121,221)
```
#7272e4
```
#7272e4 rgb(114,114,228)
```
#6c6cea
```
#6c6cea rgb(108,108,234)
```
#6565f1
```
#6565f1 rgb(101,101,241)
```
#5f5ff7
```
#5f5ff7 rgb(95,95,247)
```
#5959fd
```
#5959fd rgb(89,89,253)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6d6d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e8 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#008690 Tritanopia 0.001% of the population

Trichromacy

#226eee Protanomaly 1% of men, 0.01% of women
#2272db Deuteranomaly 6% of men, 0.4% of women
#2278b5 Tritanomaly 0.01% of the population

#5f5ff7 hex color

#5f5ff7 Color Information

#5f5ff7 Color Conversion

Color Schemes with #5f5ff7

Alternatives to #5f5ff7

#5f5ff7 Preview

Shades and Tints of #5f5ff7

Tones of #5f5ff7

Color Blindness Simulator