#5f457b hex color

In a RGB color space, hex #5f457b is composed of 37.3% red, 27.1% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 22.8% cyan, 43.9% magenta, 0% yellow and 51.8% black. It has a hue angle of 268.9 degrees, a saturation of 28.1% and a lightness of 37.6%. #5f457b color hex could be obtained by blending #be8af6 with #000000. Closest websafe color is: #663366.

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

● #5f457b color description : Mostly desaturated dark violet.

The hexadecimal color #5f457b has RGB values of R:95, G:69, B:123 and CMYK values of C:0.23, M:0.44, Y:0, K:0.52. Its decimal value is 6243707.

Hex triplet	5f457b	`#5f457b`
RGB Decimal	95, 69, 123	`rgb(95,69,123)`
RGB Percent	37.3, 27.1, 48.2	`rgb(37.3%,27.1%,48.2%)`
CMYK	23, 44, 0, 52
HSL	268.9°, 28.1, 37.6	`hsl(268.9,28.1%,37.6%)`
HSV (or HSB)	268.9°, 43.9, 48.2
Web Safe	663366	`#663366`

CIE-LAB	34.23, 22.808, -26.621
XYZ	10.422, 8.119, 19.756
xyY	0.272, 0.212, 8.119
CIE-LCH	34.23, 35.056, 310.589
CIE-LUV	34.23, 8.845, -38.585
Hunter-Lab	28.494, 15.422, -21.161
Binary	01011111, 01000101, 01111011

#5f457b
```
#5f457b rgb(95,69,123)
```
#617b45
```
#617b45 rgb(97,123,69)
```

Complementary Color

#45467b
```
#45467b rgb(69,70,123)
```
#5f457b
```
#5f457b rgb(95,69,123)
```
#7a457b
```
#7a457b rgb(122,69,123)
```

Analogous Color

#467b45
```
#467b45 rgb(70,123,69)
```
#5f457b
```
#5f457b rgb(95,69,123)
```
#7b7a45
```
#7b7a45 rgb(123,122,69)
```

Split Complementary Color

#457b5f
```
#457b5f rgb(69,123,95)
```
#5f457b
```
#5f457b rgb(95,69,123)
```
#7b5f45
```
#7b5f45 rgb(123,95,69)
```

Triadic Color

#45617b
```
#45617b rgb(69,97,123)
```
#5f457b
```
#5f457b rgb(95,69,123)
```
#7b5f45
```
#7b5f45 rgb(123,95,69)
```
#617b45
```
#617b45 rgb(97,123,69)
```

Tetradic Color

#392a4a
```
#392a4a rgb(57,42,74)
```
#46335a
```
#46335a rgb(70,51,90)
```
#523c6b
```
#523c6b rgb(82,60,107)
```
#5f457b
```
#5f457b rgb(95,69,123)
```
#6c4e8b
```
#6c4e8b rgb(108,78,139)
```
#78579c
```
#78579c rgb(120,87,156)
```
#8564a8
```
#8564a8 rgb(133,100,168)
```

Monochromatic Color

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

#52457b
```
#52457b rgb(82,69,123)
```
#56457b
```
#56457b rgb(86,69,123)
```
#5b457b
```
#5b457b rgb(91,69,123)
```
#5f457b
```
#5f457b rgb(95,69,123)
```
#64457b
```
#64457b rgb(100,69,123)
```
#68457b
```
#68457b rgb(104,69,123)
```
#6d457b
```
#6d457b rgb(109,69,123)
```

Similar Colors

Text with hexadecimal color #5f457b

This text has a font color of #5f457b.

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

#5f457b background color

This paragraph has a background color of #5f457b.

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

#5f457b border color

This element has a border color of #5f457b.

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

CSS codes

.text {color:#5f457b;}

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

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

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

#08060a
```
#08060a rgb(8,6,10)
```
#110d16
```
#110d16 rgb(17,13,22)
```
#1b1423
```
#1b1423 rgb(27,20,35)
```
#251b30
```
#251b30 rgb(37,27,48)
```
#2e223c
```
#2e223c rgb(46,34,60)
```
#382949
```
#382949 rgb(56,41,73)
```
#423055
```
#423055 rgb(66,48,85)
```
#4c3762
```
#4c3762 rgb(76,55,98)
```
#553e6e
```
#553e6e rgb(85,62,110)
```
#5f457b
```
#5f457b rgb(95,69,123)
```
#694c88
```
#694c88 rgb(105,76,136)
```
#725394
```
#725394 rgb(114,83,148)
```
#7c5aa1
```
#7c5aa1 rgb(124,90,161)
```

Shade Color Variation

#8666a9
```
#8666a9 rgb(134,102,169)
```
#9072b0
```
#9072b0 rgb(144,114,176)
```
#9a7fb7
```
#9a7fb7 rgb(154,127,183)
```
#a48bbe
```
#a48bbe rgb(164,139,190)
```
#ae98c5
```
#ae98c5 rgb(174,152,197)
```
#b8a4cc
```
#b8a4cc rgb(184,164,204)
```
#c1b1d3
```
#c1b1d3 rgb(193,177,211)
```
#cbbeda
```
#cbbeda rgb(203,190,218)
```
#d5cae1
```
#d5cae1 rgb(213,202,225)
```
#dfd7e8
```
#dfd7e8 rgb(223,215,232)
```
#e9e3ef
```
#e9e3ef rgb(233,227,239)
```
#f3f0f6
```
#f3f0f6 rgb(243,240,246)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #605b65 is the less saturated color, while #5d03bd is the most saturated one.

#605b65
```
#605b65 rgb(96,91,101)
```
#60546c
```
#60546c rgb(96,84,108)
```
#5f4c74
```
#5f4c74 rgb(95,76,116)
```
#5f457b
```
#5f457b rgb(95,69,123)
```
#5f3e82
```
#5f3e82 rgb(95,62,130)
```
#5e368a
```
#5e368a rgb(94,54,138)
```
#5e2f91
```
#5e2f91 rgb(94,47,145)
```
#5e2799
```
#5e2799 rgb(94,39,153)
```
#5e20a0
```
#5e20a0 rgb(94,32,160)
```
#5d19a7
```
#5d19a7 rgb(93,25,167)
```
#5d11af
```
#5d11af rgb(93,17,175)
```
#5d0ab6
```
#5d0ab6 rgb(93,10,182)
```
#5d03bd
```
#5d03bd rgb(93,3,189)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#55505b Atypical Achromatopsia 0.001% of the population

Dichromacy

#455788 Protanopia 1% of men
#49597e Deuteranopia 1% of men
#5f575d Tritanopia 0.001% of the population

Trichromacy

#4e5183 Protanomaly 1% of men, 0.01% of women
#51517d Deuteranomaly 6% of men, 0.4% of women
#5f5068 Tritanomaly 0.01% of the population

#5f457b hex color

#5f457b Color Information

#5f457b Color Conversion

Color Schemes with #5f457b

Alternatives to #5f457b

#5f457b Preview

Shades and Tints of #5f457b

Tones of #5f457b

Color Blindness Simulator