#5f75b0 hex color

In a RGB color space, hex #5f75b0 is composed of 37.3% red, 45.9% green and 69% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 33.5% magenta, 0% yellow and 31% black. It has a hue angle of 223.7 degrees, a saturation of 33.9% and a lightness of 53.1%. #5f75b0 color hex could be obtained by blending #beeaff with #000061. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 46
- B 69
RGB color chart
- C 46
- M 34
- Y 0
- K 31
CMYK color chart

● #5f75b0 color description : Dark moderate blue.

The hexadecimal color #5f75b0 has RGB values of R:95, G:117, B:176 and CMYK values of C:0.46, M:0.34, Y:0, K:0.31. Its decimal value is 6256048.

Hex triplet	5f75b0	`#5f75b0`
RGB Decimal	95, 117, 176	`rgb(95,117,176)`
RGB Percent	37.3, 45.9, 69	`rgb(37.3%,45.9%,69%)`
CMYK	46, 34, 0, 31
HSL	223.7°, 33.9, 53.1	`hsl(223.7,33.9%,53.1%)`
HSV (or HSB)	223.7°, 46, 69
Web Safe	666699	`#666699`

CIE-LAB	49.845, 8.104, -33.894
XYZ	18.915, 18.289, 43.605
xyY	0.234, 0.226, 18.289
CIE-LCH	49.845, 34.849, 283.446
CIE-LUV	49.845, -12.586, -51.959
Hunter-Lab	42.766, 4.11, -30.517
Binary	01011111, 01110101, 10110000

#5f75b0
```
#5f75b0 rgb(95,117,176)
```
#b09a5f
```
#b09a5f rgb(176,154,95)
```

Complementary Color

#5f9eb0
```
#5f9eb0 rgb(95,158,176)
```
#5f75b0
```
#5f75b0 rgb(95,117,176)
```
#725fb0
```
#725fb0 rgb(114,95,176)
```

Analogous Color

#9eb05f
```
#9eb05f rgb(158,176,95)
```
#5f75b0
```
#5f75b0 rgb(95,117,176)
```
#b0725f
```
#b0725f rgb(176,114,95)
```

Split Complementary Color

#75b05f
```
#75b05f rgb(117,176,95)
```
#5f75b0
```
#5f75b0 rgb(95,117,176)
```
#b05f75
```
#b05f75 rgb(176,95,117)
```

Triadic Color

#5fb09a
```
#5fb09a rgb(95,176,154)
```
#5f75b0
```
#5f75b0 rgb(95,117,176)
```
#b05f75
```
#b05f75 rgb(176,95,117)
```
#b09a5f
```
#b09a5f rgb(176,154,95)
```

Tetradic Color

#405282
```
#405282 rgb(64,82,130)
```
#495d93
```
#495d93 rgb(73,93,147)
```
#5168a4
```
#5168a4 rgb(81,104,164)
```
#5f75b0
```
#5f75b0 rgb(95,117,176)
```
#7084b8
```
#7084b8 rgb(112,132,184)
```
#8192c1
```
#8192c1 rgb(129,146,193)
```
#92a1c9
```
#92a1c9 rgb(146,161,201)
```

Monochromatic Color

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

#5f89b0
```
#5f89b0 rgb(95,137,176)
```
#5f83b0
```
#5f83b0 rgb(95,131,176)
```
#5f7cb0
```
#5f7cb0 rgb(95,124,176)
```
#5f75b0
```
#5f75b0 rgb(95,117,176)
```
#5f6eb0
```
#5f6eb0 rgb(95,110,176)
```
#5f68b0
```
#5f68b0 rgb(95,104,176)
```
#5f61b0
```
#5f61b0 rgb(95,97,176)
```

Similar Colors

Text with hexadecimal color #5f75b0

This text has a font color of #5f75b0.

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

#5f75b0 background color

This paragraph has a background color of #5f75b0.

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

#5f75b0 border color

This element has a border color of #5f75b0.

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

CSS codes

.text {color:#5f75b0;}

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

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

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

#05070b
```
#05070b rgb(5,7,11)
```
#0c0f18
```
#0c0f18 rgb(12,15,24)
```
#121725
```
#121725 rgb(18,23,37)
```
#192032
```
#192032 rgb(25,32,50)
```
#1f283f
```
#1f283f rgb(31,40,63)
```
#26304c
```
#26304c rgb(38,48,76)
```
#2c385a
```
#2c385a rgb(44,56,90)
```
#334167
```
#334167 rgb(51,65,103)
```
#394974
```
#394974 rgb(57,73,116)
```
#405181
```
#405181 rgb(64,81,129)
```
#465a8e
```
#465a8e rgb(70,90,142)
```
#4d629b
```
#4d629b rgb(77,98,155)
```
#536aa8
```
#536aa8 rgb(83,106,168)
```

Shade Color Variation

#5f75b0
```
#5f75b0 rgb(95,117,176)
```
#6c80b6
```
#6c80b6 rgb(108,128,182)
```
#798cbd
```
#798cbd rgb(121,140,189)
```
#8697c3
```
#8697c3 rgb(134,151,195)
```
#94a2ca
```
#94a2ca rgb(148,162,202)
```
#a1aed0
```
#a1aed0 rgb(161,174,208)
```
#aeb9d7
```
#aeb9d7 rgb(174,185,215)
```
#bbc4dd
```
#bbc4dd rgb(187,196,221)
```
#c8d0e4
```
#c8d0e4 rgb(200,208,228)
```
#d5dbea
```
#d5dbea rgb(213,219,234)
```
#e2e6f1
```
#e2e6f1 rgb(226,230,241)
```
#eff2f7
```
#eff2f7 rgb(239,242,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84868b is the less saturated color, while #1553fa is the most saturated one.

#84868b
```
#84868b rgb(132,134,139)
```
#7b8294
```
#7b8294 rgb(123,130,148)
```
#717d9e
```
#717d9e rgb(113,125,158)
```
#6879a7
```
#6879a7 rgb(104,121,167)
```
#5f75b0
```
#5f75b0 rgb(95,117,176)
```
#5671b9
```
#5671b9 rgb(86,113,185)
```
#4d6dc2
```
#4d6dc2 rgb(77,109,194)
```
#4368cc
```
#4368cc rgb(67,104,204)
```
#3a64d5
```
#3a64d5 rgb(58,100,213)
```
#3160de
```
#3160de rgb(49,96,222)
```
#285ce7
```
#285ce7 rgb(40,92,231)
```
#1f58f0
```
#1f58f0 rgb(31,88,240)
```
#1553fa
```
#1553fa rgb(21,83,250)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#717581 Atypical Achromatopsia 0.001% of the population

Dichromacy

#697bb3 Protanopia 1% of men
#637db3 Deuteranopia 1% of men
#59848d Tritanopia 0.001% of the population

Trichromacy

#6579b2 Protanomaly 1% of men, 0.01% of women
#627ab2 Deuteranomaly 6% of men, 0.4% of women
#5b7e9a Tritanomaly 0.01% of the population

#5f75b0 hex color

#5f75b0 Color Information

#5f75b0 Color Conversion

Color Schemes with #5f75b0

Alternatives to #5f75b0

#5f75b0 Preview

Shades and Tints of #5f75b0

Tones of #5f75b0

Color Blindness Simulator