#5f5fc1 hex color

In a RGB color space, hex #5f5fc1 is composed of 37.3% red, 37.3% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 50.8% magenta, 0% yellow and 24.3% black. It has a hue angle of 240 degrees, a saturation of 44.1% and a lightness of 56.5%. #5f5fc1 color hex could be obtained by blending #bebeff with #000083. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 37
- B 76
RGB color chart
- C 51
- M 51
- Y 0
- K 24
CMYK color chart

● #5f5fc1 color description : Moderate blue.

The hexadecimal color #5f5fc1 has RGB values of R:95, G:95, B:193 and CMYK values of C:0.51, M:0.51, Y:0, K:0.24. Its decimal value is 6250433.

Hex triplet	5f5fc1	`#5f5fc1`
RGB Decimal	95, 95, 193	`rgb(95,95,193)`
RGB Percent	37.3, 37.3, 75.7	`rgb(37.3%,37.3%,75.7%)`
CMYK	51, 51, 0, 24
HSL	240°, 44.1, 56.5	`hsl(240,44.1%,56.5%)`
HSV (or HSB)	240°, 50.8, 75.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.895, 26.948, -51.609
XYZ	18.435, 14.467, 52.27
xyY	0.216, 0.17, 14.467
CIE-LCH	44.895, 58.221, 297.572
CIE-LUV	44.895, -5.746, -79.607
Hunter-Lab	38.035, 19.955, -54.854
Binary	01011111, 01011111, 11000001

#5f5fc1
```
#5f5fc1 rgb(95,95,193)
```
#c1c15f
```
#c1c15f rgb(193,193,95)
```

Complementary Color

#5f90c1
```
#5f90c1 rgb(95,144,193)
```
#5f5fc1
```
#5f5fc1 rgb(95,95,193)
```
#905fc1
```
#905fc1 rgb(144,95,193)
```

Analogous Color

#90c15f
```
#90c15f rgb(144,193,95)
```
#5f5fc1
```
#5f5fc1 rgb(95,95,193)
```
#c1905f
```
#c1905f rgb(193,144,95)
```

Split Complementary Color

#5fc15f
```
#5fc15f rgb(95,193,95)
```
#5f5fc1
```
#5f5fc1 rgb(95,95,193)
```
#c15f5f
```
#c15f5f rgb(193,95,95)
```

Triadic Color

#5fc1c1
```
#5fc1c1 rgb(95,193,193)
```
#5f5fc1
```
#5f5fc1 rgb(95,95,193)
```
#c15f5f
```
#c15f5f rgb(193,95,95)
```
#c1c15f
```
#c1c15f rgb(193,193,95)
```

Tetradic Color

#3b3b98
```
#3b3b98 rgb(59,59,152)
```
#4242ab
```
#4242ab rgb(66,66,171)
```
#4d4dba
```
#4d4dba rgb(77,77,186)
```
#5f5fc1
```
#5f5fc1 rgb(95,95,193)
```
#7171c8
```
#7171c8 rgb(113,113,200)
```
#8484cf
```
#8484cf rgb(132,132,207)
```
#9696d6
```
#9696d6 rgb(150,150,214)
```

Monochromatic Color

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

#5f78c1
```
#5f78c1 rgb(95,120,193)
```
#5f6fc1
```
#5f6fc1 rgb(95,111,193)
```
#5f67c1
```
#5f67c1 rgb(95,103,193)
```
#5f5fc1
```
#5f5fc1 rgb(95,95,193)
```
#675fc1
```
#675fc1 rgb(103,95,193)
```
#6f5fc1
```
#6f5fc1 rgb(111,95,193)
```
#785fc1
```
#785fc1 rgb(120,95,193)
```

Similar Colors

Text with hexadecimal color #5f5fc1

This text has a font color of #5f5fc1.

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

#5f5fc1 background color

This paragraph has a background color of #5f5fc1.

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

#5f5fc1 border color

This element has a border color of #5f5fc1.

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

CSS codes

.text {color:#5f5fc1;}

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

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

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, #04040a is the darkest color, while #fbfbfd is the lightest one.

#04040a
```
#04040a rgb(4,4,10)
```
#090918
```
#090918 rgb(9,9,24)
```
#0f0f26
```
#0f0f26 rgb(15,15,38)
```
#141434
```
#141434 rgb(20,20,52)
```
#1a1a42
```
#1a1a42 rgb(26,26,66)
```
#1f1f50
```
#1f1f50 rgb(31,31,80)
```
#25255e
```
#25255e rgb(37,37,94)
```
#2a2a6d
```
#2a2a6d rgb(42,42,109)
```
#30307b
```
#30307b rgb(48,48,123)
```
#353589
```
#353589 rgb(53,53,137)
```
#3b3b97
```
#3b3b97 rgb(59,59,151)
```
#4040a5
```
#4040a5 rgb(64,64,165)
```
#4545b3
```
#4545b3 rgb(69,69,179)
```

Shade Color Variation

#5151bc
```
#5151bc rgb(81,81,188)
```
#5f5fc1
```
#5f5fc1 rgb(95,95,193)
```
#6d6dc6
```
#6d6dc6 rgb(109,109,198)
```
#7b7bcc
```
#7b7bcc rgb(123,123,204)
```
#8989d1
```
#8989d1 rgb(137,137,209)
```
#9898d7
```
#9898d7 rgb(152,152,215)
```
#a6a6dc
```
#a6a6dc rgb(166,166,220)
```
#b4b4e2
```
#b4b4e2 rgb(180,180,226)
```
#c2c2e7
```
#c2c2e7 rgb(194,194,231)
```
#d0d0ed
```
#d0d0ed rgb(208,208,237)
```
#dedef2
```
#dedef2 rgb(222,222,242)
```
#ececf8
```
#ececf8 rgb(236,236,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#8a8a96
```
#8a8a96 rgb(138,138,150)
```
#81819f
```
#81819f rgb(129,129,159)
```
#7979a7
```
#7979a7 rgb(121,121,167)
```
#7070b0
```
#7070b0 rgb(112,112,176)
```
#6868b8
```
#6868b8 rgb(104,104,184)
```
#5f5fc1
```
#5f5fc1 rgb(95,95,193)
```
#5656ca
```
#5656ca rgb(86,86,202)
```
#4e4ed2
```
#4e4ed2 rgb(78,78,210)
```
#4545db
```
#4545db rgb(69,69,219)
```
#3d3de3
```
#3d3de3 rgb(61,61,227)
```
#3434ec
```
#3434ec rgb(52,52,236)
```
#2c2cf4
```
#2c2cf4 rgb(44,44,244)
```
#2323fd
```
#2323fd rgb(35,35,253)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#68687b Atypical Achromatopsia 0.001% of the population

Dichromacy

#396eca Protanopia 1% of men
#1f73bf Deuteranopia 1% of men
#4c7881 Tritanopia 0.001% of the population

Trichromacy

#4769c7 Protanomaly 1% of men, 0.01% of women
#366cbf Deuteranomaly 6% of men, 0.4% of women
#536f98 Tritanomaly 0.01% of the population

#5f5fc1 hex color

#5f5fc1 Color Information

#5f5fc1 Color Conversion

Color Schemes with #5f5fc1

Alternatives to #5f5fc1

#5f5fc1 Preview

Shades and Tints of #5f5fc1

Tones of #5f5fc1

Color Blindness Simulator