#5f5f7a hex color

In a RGB color space, hex #5f5f7a is composed of 37.3% red, 37.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 22.1% magenta, 0% yellow and 52.2% black. It has a hue angle of 240 degrees, a saturation of 12.4% and a lightness of 42.5%. #5f5f7a color hex could be obtained by blending #bebef4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 37
- B 48
RGB color chart
- C 22
- M 22
- Y 0
- K 52
CMYK color chart

● #5f5f7a color description : Dark grayish blue.

The hexadecimal color #5f5f7a has RGB values of R:95, G:95, B:122 and CMYK values of C:0.22, M:0.22, Y:0, K:0.52. Its decimal value is 6250362.

Hex triplet	5f5f7a	`#5f5f7a`
RGB Decimal	95, 95, 122	`rgb(95,95,122)`
RGB Percent	37.3, 37.3, 47.8	`rgb(37.3%,37.3%,47.8%)`
CMYK	22, 22, 0, 52
HSL	240°, 12.4, 42.5	`hsl(240,12.4%,42.5%)`
HSV (or HSB)	240°, 22.1, 47.8
Web Safe	666666	`#666666`

CIE-LAB	41.252, 6.294, -15.136
XYZ	12.324, 12.022, 20.083
xyY	0.277, 0.271, 12.022
CIE-LCH	41.252, 16.392, 292.58
CIE-LUV	41.252, -1.569, -21.722
Hunter-Lab	34.673, 2.765, -10.069
Binary	01011111, 01011111, 01111010

#5f5f7a
```
#5f5f7a rgb(95,95,122)
```
#7a7a5f
```
#7a7a5f rgb(122,122,95)
```

Complementary Color

#5f6d7a
```
#5f6d7a rgb(95,109,122)
```
#5f5f7a
```
#5f5f7a rgb(95,95,122)
```
#6d5f7a
```
#6d5f7a rgb(109,95,122)
```

Analogous Color

#6d7a5f
```
#6d7a5f rgb(109,122,95)
```
#5f5f7a
```
#5f5f7a rgb(95,95,122)
```
#7a6d5f
```
#7a6d5f rgb(122,109,95)
```

Split Complementary Color

#5f7a5f
```
#5f7a5f rgb(95,122,95)
```
#5f5f7a
```
#5f5f7a rgb(95,95,122)
```
#7a5f5f
```
#7a5f5f rgb(122,95,95)
```

Triadic Color

#5f7a7a
```
#5f7a7a rgb(95,122,122)
```
#5f5f7a
```
#5f5f7a rgb(95,95,122)
```
#7a5f5f
```
#7a5f5f rgb(122,95,95)
```
#7a7a5f
```
#7a7a5f rgb(122,122,95)
```

Tetradic Color

#3e3e4f
```
#3e3e4f rgb(62,62,79)
```
#49495d
```
#49495d rgb(73,73,93)
```
#54546c
```
#54546c rgb(84,84,108)
```
#5f5f7a
```
#5f5f7a rgb(95,95,122)
```
#6a6a88
```
#6a6a88 rgb(106,106,136)
```
#777795
```
#777795 rgb(119,119,149)
```
#8585a0
```
#8585a0 rgb(133,133,160)
```

Monochromatic Color

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

#5f667a
```
#5f667a rgb(95,102,122)
```
#5f647a
```
#5f647a rgb(95,100,122)
```
#5f617a
```
#5f617a rgb(95,97,122)
```
#5f5f7a
```
#5f5f7a rgb(95,95,122)
```
#615f7a
```
#615f7a rgb(97,95,122)
```
#645f7a
```
#645f7a rgb(100,95,122)
```
#665f7a
```
#665f7a rgb(102,95,122)
```

Similar Colors

Text with hexadecimal color #5f5f7a

This text has a font color of #5f5f7a.

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

#5f5f7a background color

This paragraph has a background color of #5f5f7a.

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

#5f5f7a border color

This element has a border color of #5f5f7a.

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

CSS codes

.text {color:#5f5f7a;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#09090c
```
#09090c rgb(9,9,12)
```
#121217
```
#121217 rgb(18,18,23)
```
#1a1a22
```
#1a1a22 rgb(26,26,34)
```
#23232d
```
#23232d rgb(35,35,45)
```
#2b2b38
```
#2b2b38 rgb(43,43,56)
```
#343443
```
#343443 rgb(52,52,67)
```
#3d3d4e
```
#3d3d4e rgb(61,61,78)
```
#454559
```
#454559 rgb(69,69,89)
```
#4e4e64
```
#4e4e64 rgb(78,78,100)
```
#56566f
```
#56566f rgb(86,86,111)
```
#5f5f7a
```
#5f5f7a rgb(95,95,122)
```
#686885
```
#686885 rgb(104,104,133)
```

Shade Color Variation

#707090
```
#707090 rgb(112,112,144)
```
#7b7b98
```
#7b7b98 rgb(123,123,152)
```
#8686a1
```
#8686a1 rgb(134,134,161)
```
#9191aa
```
#9191aa rgb(145,145,170)
```
#9c9cb2
```
#9c9cb2 rgb(156,156,178)
```
#a7a7bb
```
#a7a7bb rgb(167,167,187)
```
#b2b2c3
```
#b2b2c3 rgb(178,178,195)
```
#bebecc
```
#bebecc rgb(190,190,204)
```
#c9c9d5
```
#c9c9d5 rgb(201,201,213)
```
#d4d4dd
```
#d4d4dd rgb(212,212,221)
```
#dfdfe6
```
#dfdfe6 rgb(223,223,230)
```
#eaeaee
```
#eaeaee rgb(234,234,238)
```
#f5f5f7
```
#f5f5f7 rgb(245,245,247)
```

Tint Color Variation

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

#676772
```
#676772 rgb(103,103,114)
```
#5f5f7a
```
#5f5f7a rgb(95,95,122)
```
#575782
```
#575782 rgb(87,87,130)
```
#4e4e8b
```
#4e4e8b rgb(78,78,139)
```
#464693
```
#464693 rgb(70,70,147)
```
#3e3e9b
```
#3e3e9b rgb(62,62,155)
```
#3535a4
```
#3535a4 rgb(53,53,164)
```
#2d2dac
```
#2d2dac rgb(45,45,172)
```
#2525b4
```
#2525b4 rgb(37,37,180)
```
#1c1cbd
```
#1c1cbd rgb(28,28,189)
```
#1414c5
```
#1414c5 rgb(20,20,197)
```
#0c0ccd
```
#0c0ccd rgb(12,12,205)
```
#0303d6
```
#0303d6 rgb(3,3,214)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#616167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#626881 Protanopia 1% of men
#666780 Deuteranopia 1% of men
#636a71 Tritanopia 0.001% of the population

Trichromacy

#61657e Protanomaly 1% of men, 0.01% of women
#63647e Deuteranomaly 6% of men, 0.4% of women
#626674 Tritanomaly 0.01% of the population

#5f5f7a hex color

#5f5f7a Color Information

#5f5f7a Color Conversion

Color Schemes with #5f5f7a

Alternatives to #5f5f7a

#5f5f7a Preview

Shades and Tints of #5f5f7a

Tones of #5f5f7a

Color Blindness Simulator