#5f6998 hex color

In a RGB color space, hex #5f6998 is composed of 37.3% red, 41.2% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 30.9% magenta, 0% yellow and 40.4% black. It has a hue angle of 229.5 degrees, a saturation of 23.1% and a lightness of 48.4%. #5f6998 color hex could be obtained by blending #bed2ff with #000031. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 41
- B 60
RGB color chart
- C 38
- M 31
- Y 0
- K 40
CMYK color chart

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

The hexadecimal color #5f6998 has RGB values of R:95, G:105, B:152 and CMYK values of C:0.38, M:0.31, Y:0, K:0.4. Its decimal value is 6252952.

Hex triplet	5f6998	`#5f6998`
RGB Decimal	95, 105, 152	`rgb(95,105,152)`
RGB Percent	37.3, 41.2, 59.6	`rgb(37.3%,41.2%,59.6%)`
CMYK	38, 31, 0, 40
HSL	229.5°, 23.1, 48.4	`hsl(229.5,23.1%,48.4%)`
HSV (or HSB)	229.5°, 37.5, 59.6
Web Safe	666699	`#666699`

CIE-LAB	45.363, 8.307, -26.824
XYZ	15.437, 14.803, 31.748
xyY	0.249, 0.239, 14.803
CIE-LCH	45.363, 28.081, 287.208
CIE-LUV	45.363, -7.225, -40.059
Hunter-Lab	38.474, 4.291, -21.993
Binary	01011111, 01101001, 10011000

#5f6998
```
#5f6998 rgb(95,105,152)
```
#988e5f
```
#988e5f rgb(152,142,95)
```

Complementary Color

#5f8698
```
#5f8698 rgb(95,134,152)
```
#5f6998
```
#5f6998 rgb(95,105,152)
```
#725f98
```
#725f98 rgb(114,95,152)
```

Analogous Color

#86985f
```
#86985f rgb(134,152,95)
```
#5f6998
```
#5f6998 rgb(95,105,152)
```
#98725f
```
#98725f rgb(152,114,95)
```

Split Complementary Color

#69985f
```
#69985f rgb(105,152,95)
```
#5f6998
```
#5f6998 rgb(95,105,152)
```
#985f69
```
#985f69 rgb(152,95,105)
```

Triadic Color

#5f988e
```
#5f988e rgb(95,152,142)
```
#5f6998
```
#5f6998 rgb(95,105,152)
```
#985f69
```
#985f69 rgb(152,95,105)
```
#988e5f
```
#988e5f rgb(152,142,95)
```

Tetradic Color

#424869
```
#424869 rgb(66,72,105)
```
#4b5379
```
#4b5379 rgb(75,83,121)
```
#555e88
```
#555e88 rgb(85,94,136)
```
#5f6998
```
#5f6998 rgb(95,105,152)
```
#6d76a4
```
#6d76a4 rgb(109,118,164)
```
#7d85ad
```
#7d85ad rgb(125,133,173)
```
#8c94b7
```
#8c94b7 rgb(140,148,183)
```

Monochromatic Color

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

#5f7798
```
#5f7798 rgb(95,119,152)
```
#5f7398
```
#5f7398 rgb(95,115,152)
```
#5f6e98
```
#5f6e98 rgb(95,110,152)
```
#5f6998
```
#5f6998 rgb(95,105,152)
```
#5f6498
```
#5f6498 rgb(95,100,152)
```
#5f6098
```
#5f6098 rgb(95,96,152)
```
#635f98
```
#635f98 rgb(99,95,152)
```

Similar Colors

Text with hexadecimal color #5f6998

This text has a font color of #5f6998.

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

#5f6998 background color

This paragraph has a background color of #5f6998.

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

#5f6998 border color

This element has a border color of #5f6998.

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

CSS codes

.text {color:#5f6998;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0c0d13
```
#0c0d13 rgb(12,13,19)
```
#14161f
```
#14161f rgb(20,22,31)
```
#1b1e2b
```
#1b1e2b rgb(27,30,43)
```
#232637
```
#232637 rgb(35,38,55)
```
#2a2f44
```
#2a2f44 rgb(42,47,68)
```
#323750
```
#323750 rgb(50,55,80)
```
#393f5c
```
#393f5c rgb(57,63,92)
```
#414868
```
#414868 rgb(65,72,104)
```
#485074
```
#485074 rgb(72,80,116)
```
#505880
```
#505880 rgb(80,88,128)
```
#57618c
```
#57618c rgb(87,97,140)
```
#5f6998
```
#5f6998 rgb(95,105,152)
```

Shade Color Variation

#6973a1
```
#6973a1 rgb(105,115,161)
```
#757ea9
```
#757ea9 rgb(117,126,169)
```
#818ab0
```
#818ab0 rgb(129,138,176)
```
#8d95b8
```
#8d95b8 rgb(141,149,184)
```
#9aa0c0
```
#9aa0c0 rgb(154,160,192)
```
#a6abc7
```
#a6abc7 rgb(166,171,199)
```
#b2b7cf
```
#b2b7cf rgb(178,183,207)
```
#bec2d6
```
#bec2d6 rgb(190,194,214)
```
#cacdde
```
#cacdde rgb(202,205,222)
```
#d6d9e5
```
#d6d9e5 rgb(214,217,229)
```
#e2e4ed
```
#e2e4ed rgb(226,228,237)
```
#eeeff4
```
#eeeff4 rgb(238,239,244)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#727585
```
#727585 rgb(114,117,133)
```
#696f8f
```
#696f8f rgb(105,111,143)
```
#5f6998
```
#5f6998 rgb(95,105,152)
```
#5663a2
```
#5663a2 rgb(86,99,162)
```
#4c5dab
```
#4c5dab rgb(76,93,171)
```
#4357b5
```
#4357b5 rgb(67,87,181)
```
#3950be
```
#3950be rgb(57,80,190)
```
#304ac8
```
#304ac8 rgb(48,74,200)
```
#2644d1
```
#2644d1 rgb(38,68,209)
```
#1d3edb
```
#1d3edb rgb(29,62,219)
```
#1338e4
```
#1338e4 rgb(19,56,228)
```
#0a32ee
```
#0a32ee rgb(10,50,238)
```
#002bf7
```
#002bf7 rgb(0,43,247)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#696b74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#64719d Protanopia 1% of men
#63719c Deuteranopia 1% of men
#5e767f Tritanopia 0.001% of the population

Trichromacy

#626e9b Protanomaly 1% of men, 0.01% of women
#616e9b Deuteranomaly 6% of men, 0.4% of women
#5e7188 Tritanomaly 0.01% of the population

#5f6998 hex color

#5f6998 Color Information

#5f6998 Color Conversion

Color Schemes with #5f6998

Alternatives to #5f6998

#5f6998 Preview

Shades and Tints of #5f6998

Tones of #5f6998

Color Blindness Simulator