#5f698e hex color

In a RGB color space, hex #5f698e is composed of 37.3% red, 41.2% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 26.1% magenta, 0% yellow and 44.3% black. It has a hue angle of 227.2 degrees, a saturation of 19.8% and a lightness of 46.5%. #5f698e color hex could be obtained by blending #bed2ff with #00001d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 41
- B 56
RGB color chart
- C 33
- M 26
- Y 0
- K 44
CMYK color chart

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

The hexadecimal color #5f698e has RGB values of R:95, G:105, B:142 and CMYK values of C:0.33, M:0.26, Y:0, K:0.44. Its decimal value is 6252942.

Hex triplet	5f698e	`#5f698e`
RGB Decimal	95, 105, 142	`rgb(95,105,142)`
RGB Percent	37.3, 41.2, 55.7	`rgb(37.3%,41.2%,55.7%)`
CMYK	33, 26, 0, 44
HSL	227.2°, 19.8, 46.5	`hsl(227.2,19.8%,46.5%)`
HSV (or HSB)	227.2°, 33.1, 55.7
Web Safe	666699	`#666699`

CIE-LAB	44.926, 5.487, -21.552
XYZ	14.652, 14.489, 27.614
xyY	0.258, 0.255, 14.489
CIE-LCH	44.926, 22.239, 284.283
CIE-LUV	44.926, -6.819, -31.622
Hunter-Lab	38.064, 2.1, -16.368
Binary	01011111, 01101001, 10001110

#5f698e
```
#5f698e rgb(95,105,142)
```
#8e845f
```
#8e845f rgb(142,132,95)
```

Complementary Color

#5f818e
```
#5f818e rgb(95,129,142)
```
#5f698e
```
#5f698e rgb(95,105,142)
```
#6d5f8e
```
#6d5f8e rgb(109,95,142)
```

Analogous Color

#818e5f
```
#818e5f rgb(129,142,95)
```
#5f698e
```
#5f698e rgb(95,105,142)
```
#8e6d5f
```
#8e6d5f rgb(142,109,95)
```

Split Complementary Color

#698e5f
```
#698e5f rgb(105,142,95)
```
#5f698e
```
#5f698e rgb(95,105,142)
```
#8e5f69
```
#8e5f69 rgb(142,95,105)
```

Triadic Color

#5f8e84
```
#5f8e84 rgb(95,142,132)
```
#5f698e
```
#5f698e rgb(95,105,142)
```
#8e5f69
```
#8e5f69 rgb(142,95,105)
```
#8e845f
```
#8e845f rgb(142,132,95)
```

Tetradic Color

#404760
```
#404760 rgb(64,71,96)
```
#4b526f
```
#4b526f rgb(75,82,111)
```
#555e7f
```
#555e7f rgb(85,94,127)
```
#5f698e
```
#5f698e rgb(95,105,142)
```
#6b759c
```
#6b759c rgb(107,117,156)
```
#7a83a6
```
#7a83a6 rgb(122,131,166)
```
#8992b0
```
#8992b0 rgb(137,146,176)
```

Monochromatic Color

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

#5f758e
```
#5f758e rgb(95,117,142)
```
#5f718e
```
#5f718e rgb(95,113,142)
```
#5f6d8e
```
#5f6d8e rgb(95,109,142)
```
#5f698e
```
#5f698e rgb(95,105,142)
```
#5f658e
```
#5f658e rgb(95,101,142)
```
#5f618e
```
#5f618e rgb(95,97,142)
```
#615f8e
```
#615f8e rgb(97,95,142)
```

Similar Colors

Text with hexadecimal color #5f698e

This text has a font color of #5f698e.

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

#5f698e background color

This paragraph has a background color of #5f698e.

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

#5f698e border color

This element has a border color of #5f698e.

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

CSS codes

.text {color:#5f698e;}

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

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

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 #f4f5f8 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#09090d
```
#09090d rgb(9,9,13)
```
#101218
```
#101218 rgb(16,18,24)
```
#181b24
```
#181b24 rgb(24,27,36)
```
#202330
```
#202330 rgb(32,35,48)
```
#282c3c
```
#282c3c rgb(40,44,60)
```
#303547
```
#303547 rgb(48,53,71)
```
#383e53
```
#383e53 rgb(56,62,83)
```
#40465f
```
#40465f rgb(64,70,95)
```
#474f6b
```
#474f6b rgb(71,79,107)
```
#4f5876
```
#4f5876 rgb(79,88,118)
```
#576082
```
#576082 rgb(87,96,130)
```
#5f698e
```
#5f698e rgb(95,105,142)
```

Shade Color Variation

#677299
```
#677299 rgb(103,114,153)
```
#737da1
```
#737da1 rgb(115,125,161)
```
#7f88a9
```
#7f88a9 rgb(127,136,169)
```
#8a93b1
```
#8a93b1 rgb(138,147,177)
```
#969eb9
```
#969eb9 rgb(150,158,185)
```
#a2a8c1
```
#a2a8c1 rgb(162,168,193)
```
#aeb3c9
```
#aeb3c9 rgb(174,179,201)
```
#b9bed0
```
#b9bed0 rgb(185,190,208)
```
#c5c9d8
```
#c5c9d8 rgb(197,201,216)
```
#d1d4e0
```
#d1d4e0 rgb(209,212,224)
```
#dddfe8
```
#dddfe8 rgb(221,223,232)
```
#e8eaf0
```
#e8eaf0 rgb(232,234,240)
```
#f4f5f8
```
#f4f5f8 rgb(244,245,248)
```

Tint Color Variation

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

#71737c
```
#71737c rgb(113,115,124)
```
#686e85
```
#686e85 rgb(104,110,133)
```
#5f698e
```
#5f698e rgb(95,105,142)
```
#566497
```
#566497 rgb(86,100,151)
```
#4d5fa0
```
#4d5fa0 rgb(77,95,160)
```
#4459a9
```
#4459a9 rgb(68,89,169)
```
#3b54b2
```
#3b54b2 rgb(59,84,178)
```
#314fbc
```
#314fbc rgb(49,79,188)
```
#284ac5
```
#284ac5 rgb(40,74,197)
```
#1f44ce
```
#1f44ce rgb(31,68,206)
```
#163fd7
```
#163fd7 rgb(22,63,215)
```
#0d3ae0
```
#0d3ae0 rgb(13,58,224)
```
#0435e9
```
#0435e9 rgb(4,53,233)
```

Tone Color Variation

Below, you can see how #5f698e 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
#686a71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#677093 Protanopia 1% of men
#687094 Deuteranopia 1% of men
#61757d Tritanopia 0.001% of the population

Trichromacy

#646d91 Protanomaly 1% of men, 0.01% of women
#656d91 Deuteranomaly 6% of men, 0.4% of women
#607083 Tritanomaly 0.01% of the population

#5f698e hex color

#5f698e Color Information

#5f698e Color Conversion

Color Schemes with #5f698e

Alternatives to #5f698e

#5f698e Preview

Shades and Tints of #5f698e

Tones of #5f698e

Color Blindness Simulator