#5f6cb4 hex color

In a RGB color space, hex #5f6cb4 is composed of 37.3% red, 42.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 40% magenta, 0% yellow and 29.4% black. It has a hue angle of 230.8 degrees, a saturation of 36.2% and a lightness of 53.9%. #5f6cb4 color hex could be obtained by blending #bed8ff with #000069. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 42
- B 71
RGB color chart
- C 47
- M 40
- Y 0
- K 29
CMYK color chart

● #5f6cb4 color description : Slightly desaturated blue.

The hexadecimal color #5f6cb4 has RGB values of R:95, G:108, B:180 and CMYK values of C:0.47, M:0.4, Y:0, K:0.29. Its decimal value is 6253748.

Hex triplet	5f6cb4	`#5f6cb4`
RGB Decimal	95, 108, 180	`rgb(95,108,180)`
RGB Percent	37.3, 42.4, 70.6	`rgb(37.3%,42.4%,70.6%)`
CMYK	47, 40, 0, 29
HSL	230.8°, 36.2, 53.9	`hsl(230.8,36.2%,53.9%)`
HSV (or HSB)	230.8°, 47.2, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.563, 14.837, -39.811
XYZ	18.318, 16.453, 45.388
xyY	0.229, 0.205, 16.453
CIE-LCH	47.563, 42.486, 290.44
CIE-LUV	47.563, -9.421, -61.414
Hunter-Lab	40.562, 9.63, -37.951
Binary	01011111, 01101100, 10110100

#5f6cb4
```
#5f6cb4 rgb(95,108,180)
```
#b4a75f
```
#b4a75f rgb(180,167,95)
```

Complementary Color

#5f97b4
```
#5f97b4 rgb(95,151,180)
```
#5f6cb4
```
#5f6cb4 rgb(95,108,180)
```
#7d5fb4
```
#7d5fb4 rgb(125,95,180)
```

Analogous Color

#97b45f
```
#97b45f rgb(151,180,95)
```
#5f6cb4
```
#5f6cb4 rgb(95,108,180)
```
#b47d5f
```
#b47d5f rgb(180,125,95)
```

Split Complementary Color

#6cb45f
```
#6cb45f rgb(108,180,95)
```
#5f6cb4
```
#5f6cb4 rgb(95,108,180)
```
#b45f6c
```
#b45f6c rgb(180,95,108)
```

Triadic Color

#5fb4a7
```
#5fb4a7 rgb(95,180,167)
```
#5f6cb4
```
#5f6cb4 rgb(95,108,180)
```
#b45f6c
```
#b45f6c rgb(180,95,108)
```
#b4a75f
```
#b4a75f rgb(180,167,95)
```

Tetradic Color

#3f4a87
```
#3f4a87 rgb(63,74,135)
```
#475499
```
#475499 rgb(71,84,153)
```
#505daa
```
#505daa rgb(80,93,170)
```
#5f6cb4
```
#5f6cb4 rgb(95,108,180)
```
#707cbc
```
#707cbc rgb(112,124,188)
```
#828cc4
```
#828cc4 rgb(130,140,196)
```
#939ccc
```
#939ccc rgb(147,156,204)
```

Monochromatic Color

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

#5f81b4
```
#5f81b4 rgb(95,129,180)
```
#5f7ab4
```
#5f7ab4 rgb(95,122,180)
```
#5f73b4
```
#5f73b4 rgb(95,115,180)
```
#5f6cb4
```
#5f6cb4 rgb(95,108,180)
```
#5f65b4
```
#5f65b4 rgb(95,101,180)
```
#605fb4
```
#605fb4 rgb(96,95,180)
```
#675fb4
```
#675fb4 rgb(103,95,180)
```

Similar Colors

Text with hexadecimal color #5f6cb4

This text has a font color of #5f6cb4.

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

#5f6cb4 background color

This paragraph has a background color of #5f6cb4.

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

#5f6cb4 border color

This element has a border color of #5f6cb4.

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

CSS codes

.text {color:#5f6cb4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#06070e
```
#06070e rgb(6,7,14)
```
#0d0f1b
```
#0d0f1b rgb(13,15,27)
```
#131628
```
#131628 rgb(19,22,40)
```
#191e36
```
#191e36 rgb(25,30,54)
```
#1f2543
```
#1f2543 rgb(31,37,67)
```
#262c50
```
#262c50 rgb(38,44,80)
```
#2c345e
```
#2c345e rgb(44,52,94)
```
#323b6b
```
#323b6b rgb(50,59,107)
```
#384278
```
#384278 rgb(56,66,120)
```
#3f4a86
```
#3f4a86 rgb(63,74,134)
```
#455193
```
#455193 rgb(69,81,147)
```
#4b58a1
```
#4b58a1 rgb(75,88,161)
```

Shade Color Variation

#5260ae
```
#5260ae rgb(82,96,174)
```
#5f6cb4
```
#5f6cb4 rgb(95,108,180)
```
#6c78ba
```
#6c78ba rgb(108,120,186)
```
#7a85c1
```
#7a85c1 rgb(122,133,193)
```
#8791c7
```
#8791c7 rgb(135,145,199)
```
#949dcd
```
#949dcd rgb(148,157,205)
```
#a2a9d3
```
#a2a9d3 rgb(162,169,211)
```
#afb6da
```
#afb6da rgb(175,182,218)
```
#bcc2e0
```
#bcc2e0 rgb(188,194,224)
```
#cacee6
```
#cacee6 rgb(202,206,230)
```
#d7daec
```
#d7daec rgb(215,218,236)
```
#e5e7f3
```
#e5e7f3 rgb(229,231,243)
```
#f2f3f9
```
#f2f3f9 rgb(242,243,249)
```

Tint Color Variation

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

#838590
```
#838590 rgb(131,133,144)
```
#7a7f99
```
#7a7f99 rgb(122,127,153)
```
#7179a2
```
#7179a2 rgb(113,121,162)
```
#6872ab
```
#6872ab rgb(104,114,171)
```
#5f6cb4
```
#5f6cb4 rgb(95,108,180)
```
#5666bd
```
#5666bd rgb(86,102,189)
```
#4d5fc6
```
#4d5fc6 rgb(77,95,198)
```
#4459cf
```
#4459cf rgb(68,89,207)
```
#3b53d8
```
#3b53d8 rgb(59,83,216)
```
#324de1
```
#324de1 rgb(50,77,225)
```
#2946ea
```
#2946ea rgb(41,70,234)
```
#2040f3
```
#2040f3 rgb(32,64,243)
```
#173afc
```
#173afc rgb(23,58,252)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6d6f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b76b9 Protanopia 1% of men
#5278b6 Deuteranopia 1% of men
#557e87 Tritanopia 0.001% of the population

Trichromacy

#5c72b7 Protanomaly 1% of men, 0.01% of women
#5773b5 Deuteranomaly 6% of men, 0.4% of women
#597797 Tritanomaly 0.01% of the population

#5f6cb4 hex color

#5f6cb4 Color Information

#5f6cb4 Color Conversion

Color Schemes with #5f6cb4

Alternatives to #5f6cb4

#5f6cb4 Preview

Shades and Tints of #5f6cb4

Tones of #5f6cb4

Color Blindness Simulator