#5f688c hex color

In a RGB color space, hex #5f688c is composed of 37.3% red, 40.8% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 32.1% cyan, 25.7% magenta, 0% yellow and 45.1% black. It has a hue angle of 228 degrees, a saturation of 19.1% and a lightness of 46.1%. #5f688c color hex could be obtained by blending #bed0ff with #000019. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 41
- B 55
RGB color chart
- C 32
- M 26
- Y 0
- K 45
CMYK color chart

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

The hexadecimal color #5f688c has RGB values of R:95, G:104, B:140 and CMYK values of C:0.32, M:0.26, Y:0, K:0.45. Its decimal value is 6252684.

Hex triplet	5f688c	`#5f688c`
RGB Decimal	95, 104, 140	`rgb(95,104,140)`
RGB Percent	37.3, 40.8, 54.9	`rgb(37.3%,40.8%,54.9%)`
CMYK	32, 26, 0, 45
HSL	228°, 19.1, 46.1	`hsl(228,19.1%,46.1%)`
HSV (or HSB)	228°, 32.1, 54.9
Web Safe	666699	`#666699`

CIE-LAB	44.556, 5.545, -20.927
XYZ	14.402, 14.227, 26.797
xyY	0.26, 0.257, 14.227
CIE-LCH	44.556, 21.649, 284.842
CIE-LUV	44.556, -6.322, -30.631
Hunter-Lab	37.718, 2.151, -15.719
Binary	01011111, 01101000, 10001100

#5f688c
```
#5f688c rgb(95,104,140)
```
#8c835f
```
#8c835f rgb(140,131,95)
```

Complementary Color

#5f7f8c
```
#5f7f8c rgb(95,127,140)
```
#5f688c
```
#5f688c rgb(95,104,140)
```
#6d5f8c
```
#6d5f8c rgb(109,95,140)
```

Analogous Color

#7f8c5f
```
#7f8c5f rgb(127,140,95)
```
#5f688c
```
#5f688c rgb(95,104,140)
```
#8c6d5f
```
#8c6d5f rgb(140,109,95)
```

Split Complementary Color

#688c5f
```
#688c5f rgb(104,140,95)
```
#5f688c
```
#5f688c rgb(95,104,140)
```
#8c5f68
```
#8c5f68 rgb(140,95,104)
```

Triadic Color

#5f8c83
```
#5f8c83 rgb(95,140,131)
```
#5f688c
```
#5f688c rgb(95,104,140)
```
#8c5f68
```
#8c5f68 rgb(140,95,104)
```
#8c835f
```
#8c835f rgb(140,131,95)
```

Tetradic Color

#40465e
```
#40465e rgb(64,70,94)
```
#4a516e
```
#4a516e rgb(74,81,110)
```
#555d7d
```
#555d7d rgb(85,93,125)
```
#5f688c
```
#5f688c rgb(95,104,140)
```
#6a749a
```
#6a749a rgb(106,116,154)
```
#7a82a4
```
#7a82a4 rgb(122,130,164)
```
#8990af
```
#8990af rgb(137,144,175)
```

Monochromatic Color

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

#5f738c
```
#5f738c rgb(95,115,140)
```
#5f708c
```
#5f708c rgb(95,112,140)
```
#5f6c8c
```
#5f6c8c rgb(95,108,140)
```
#5f688c
```
#5f688c rgb(95,104,140)
```
#5f648c
```
#5f648c rgb(95,100,140)
```
#5f618c
```
#5f618c rgb(95,97,140)
```
#615f8c
```
#615f8c rgb(97,95,140)
```

Similar Colors

Text with hexadecimal color #5f688c

This text has a font color of #5f688c.

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

#5f688c background color

This paragraph has a background color of #5f688c.

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

#5f688c border color

This element has a border color of #5f688c.

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

CSS codes

.text {color:#5f688c;}

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

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

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, #08090b is the darkest color, while #ffffff is the lightest one.

#08090b
```
#08090b rgb(8,9,11)
```
#101117
```
#101117 rgb(16,17,23)
```
#181a23
```
#181a23 rgb(24,26,35)
```
#20232f
```
#20232f rgb(32,35,47)
```
#272b3a
```
#272b3a rgb(39,43,58)
```
#2f3446
```
#2f3446 rgb(47,52,70)
```
#373d52
```
#373d52 rgb(55,61,82)
```
#3f455d
```
#3f455d rgb(63,69,93)
```
#474e69
```
#474e69 rgb(71,78,105)
```
#4f5775
```
#4f5775 rgb(79,87,117)
```
#575f80
```
#575f80 rgb(87,95,128)
```
#5f688c
```
#5f688c rgb(95,104,140)
```
#677198
```
#677198 rgb(103,113,152)
```

Shade Color Variation

#737ca0
```
#737ca0 rgb(115,124,160)
```
#7e87a8
```
#7e87a8 rgb(126,135,168)
```
#8a91b0
```
#8a91b0 rgb(138,145,176)
```
#969cb7
```
#969cb7 rgb(150,156,183)
```
#a1a7bf
```
#a1a7bf rgb(161,167,191)
```
#adb2c7
```
#adb2c7 rgb(173,178,199)
```
#b9bdcf
```
#b9bdcf rgb(185,189,207)
```
#c4c8d7
```
#c4c8d7 rgb(196,200,215)
```
#d0d3df
```
#d0d3df rgb(208,211,223)
```
#dcdee7
```
#dcdee7 rgb(220,222,231)
```
#e7e9ef
```
#e7e9ef rgb(231,233,239)
```
#f3f4f7
```
#f3f4f7 rgb(243,244,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71737a is the less saturated color, while #0532e6 is the most saturated one.

#71737a
```
#71737a rgb(113,115,122)
```
#686d83
```
#686d83 rgb(104,109,131)
```
#5f688c
```
#5f688c rgb(95,104,140)
```
#566395
```
#566395 rgb(86,99,149)
```
#4d5d9e
```
#4d5d9e rgb(77,93,158)
```
#4458a7
```
#4458a7 rgb(68,88,167)
```
#3b52b0
```
#3b52b0 rgb(59,82,176)
```
#324db9
```
#324db9 rgb(50,77,185)
```
#2947c2
```
#2947c2 rgb(41,71,194)
```
#2042cb
```
#2042cb rgb(32,66,203)
```
#173dd4
```
#173dd4 rgb(23,61,212)
```
#0e37dd
```
#0e37dd rgb(14,55,221)
```
#0532e6
```
#0532e6 rgb(5,50,230)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#676970 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676f92 Protanopia 1% of men
#686f92 Deuteranopia 1% of men
#61747c Tritanopia 0.001% of the population

Trichromacy

#646d8f Protanomaly 1% of men, 0.01% of women
#656c8f Deuteranomaly 6% of men, 0.4% of women
#606f82 Tritanomaly 0.01% of the population

#5f688c hex color

#5f688c Color Information

#5f688c Color Conversion

Color Schemes with #5f688c

Alternatives to #5f688c

#5f688c Preview

Shades and Tints of #5f688c

Tones of #5f688c

Color Blindness Simulator