#5f6388 hex color

In a RGB color space, hex #5f6388 is composed of 37.3% red, 38.8% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 30.1% cyan, 27.2% magenta, 0% yellow and 46.7% black. It has a hue angle of 234.1 degrees, a saturation of 17.7% and a lightness of 45.3%. #5f6388 color hex could be obtained by blending #bec6ff with #000011. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 39
- B 53
RGB color chart
- C 30
- M 27
- Y 0
- K 47
CMYK color chart

● #5f6388 color description : Mostly desaturated dark blue.

The hexadecimal color #5f6388 has RGB values of R:95, G:99, B:136 and CMYK values of C:0.3, M:0.27, Y:0, K:0.47. Its decimal value is 6251400.

Hex triplet	5f6388	`#5f6388`
RGB Decimal	95, 99, 136	`rgb(95,99,136)`
RGB Percent	37.3, 38.8, 53.3	`rgb(37.3%,38.8%,53.3%)`
CMYK	30, 27, 0, 47
HSL	234.1°, 17.7, 45.3	`hsl(234.1,17.7%,45.3%)`
HSV (or HSB)	234.1°, 30.1, 53.3
Web Safe	666699	`#666699`

CIE-LAB	42.964, 7.518, -20.982
XYZ	13.624, 13.134, 25.108
xyY	0.263, 0.253, 13.134
CIE-LCH	42.964, 22.289, 289.712
CIE-LUV	42.964, -4.057, -30.703
Hunter-Lab	36.241, 3.683, -15.709
Binary	01011111, 01100011, 10001000

#5f6388
```
#5f6388 rgb(95,99,136)
```
#88845f
```
#88845f rgb(136,132,95)
```

Complementary Color

#5f7888
```
#5f7888 rgb(95,120,136)
```
#5f6388
```
#5f6388 rgb(95,99,136)
```
#705f88
```
#705f88 rgb(112,95,136)
```

Analogous Color

#78885f
```
#78885f rgb(120,136,95)
```
#5f6388
```
#5f6388 rgb(95,99,136)
```
#88705f
```
#88705f rgb(136,112,95)
```

Split Complementary Color

#63885f
```
#63885f rgb(99,136,95)
```
#5f6388
```
#5f6388 rgb(95,99,136)
```
#885f63
```
#885f63 rgb(136,95,99)
```

Triadic Color

#5f8884
```
#5f8884 rgb(95,136,132)
```
#5f6388
```
#5f6388 rgb(95,99,136)
```
#885f63
```
#885f63 rgb(136,95,99)
```
#88845f
```
#88845f rgb(136,132,95)
```

Tetradic Color

#40425b
```
#40425b rgb(64,66,91)
```
#4a4d6a
```
#4a4d6a rgb(74,77,106)
```
#555879
```
#555879 rgb(85,88,121)
```
#5f6388
```
#5f6388 rgb(95,99,136)
```
#6a6e97
```
#6a6e97 rgb(106,110,151)
```
#797da1
```
#797da1 rgb(121,125,161)
```
#888bac
```
#888bac rgb(136,139,172)
```

Monochromatic Color

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

#5f6d88
```
#5f6d88 rgb(95,109,136)
```
#5f6a88
```
#5f6a88 rgb(95,106,136)
```
#5f6688
```
#5f6688 rgb(95,102,136)
```
#5f6388
```
#5f6388 rgb(95,99,136)
```
#5f6088
```
#5f6088 rgb(95,96,136)
```
#625f88
```
#625f88 rgb(98,95,136)
```
#655f88
```
#655f88 rgb(101,95,136)
```

Similar Colors

Text with hexadecimal color #5f6388

This text has a font color of #5f6388.

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

#5f6388 background color

This paragraph has a background color of #5f6388.

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

#5f6388 border color

This element has a border color of #5f6388.

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

CSS codes

.text {color:#5f6388;}

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

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

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

#060709
```
#060709 rgb(6,7,9)
```
#0e0f15
```
#0e0f15 rgb(14,15,21)
```
#161720
```
#161720 rgb(22,23,32)
```
#1e202c
```
#1e202c rgb(30,32,44)
```
#272837
```
#272837 rgb(39,40,55)
```
#2f3143
```
#2f3143 rgb(47,49,67)
```
#37394e
```
#37394e rgb(55,57,78)
```
#3f415a
```
#3f415a rgb(63,65,90)
```
#474a65
```
#474a65 rgb(71,74,101)
```
#4f5271
```
#4f5271 rgb(79,82,113)
```
#575b7c
```
#575b7c rgb(87,91,124)
```
#5f6388
```
#5f6388 rgb(95,99,136)
```
#676b94
```
#676b94 rgb(103,107,148)
```

Shade Color Variation

#72769c
```
#72769c rgb(114,118,156)
```
#7d81a4
```
#7d81a4 rgb(125,129,164)
```
#898cad
```
#898cad rgb(137,140,173)
```
#9498b5
```
#9498b5 rgb(148,152,181)
```
#a0a3bd
```
#a0a3bd rgb(160,163,189)
```
#acaec5
```
#acaec5 rgb(172,174,197)
```
#b7b9cd
```
#b7b9cd rgb(183,185,205)
```
#c3c4d5
```
#c3c4d5 rgb(195,196,213)
```
#ced0dd
```
#ced0dd rgb(206,208,221)
```
#dadbe5
```
#dadbe5 rgb(218,219,229)
```
#e5e6ed
```
#e5e6ed rgb(229,230,237)
```
#f1f1f5
```
#f1f1f5 rgb(241,241,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#717176
```
#717176 rgb(113,113,118)
```
#686a7f
```
#686a7f rgb(104,106,127)
```
#5f6388
```
#5f6388 rgb(95,99,136)
```
#565c91
```
#565c91 rgb(86,92,145)
```
#4d559a
```
#4d559a rgb(77,85,154)
```
#444ea3
```
#444ea3 rgb(68,78,163)
```
#3b46ac
```
#3b46ac rgb(59,70,172)
```
#333fb4
```
#333fb4 rgb(51,63,180)
```
#2a38bd
```
#2a38bd rgb(42,56,189)
```
#2131c6
```
#2131c6 rgb(33,49,198)
```
#182acf
```
#182acf rgb(24,42,207)
```
#0f23d8
```
#0f23d8 rgb(15,35,216)
```
#061be1
```
#061be1 rgb(6,27,225)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#65656d Atypical Achromatopsia 0.001% of the population

Dichromacy

#626c8e Protanopia 1% of men
#646b8d Deuteranopia 1% of men
#616f77 Tritanopia 0.001% of the population

Trichromacy

#61688c Protanomaly 1% of men, 0.01% of women
#62688b Deuteranomaly 6% of men, 0.4% of women
#606b7d Tritanomaly 0.01% of the population

#5f6388 hex color

#5f6388 Color Information

#5f6388 Color Conversion

Color Schemes with #5f6388

Alternatives to #5f6388

#5f6388 Preview

Shades and Tints of #5f6388

Tones of #5f6388

Color Blindness Simulator