#5f9bd5 hex color

In a RGB color space, hex #5f9bd5 is composed of 37.3% red, 60.8% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 27.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 209.5 degrees, a saturation of 58.4% and a lightness of 60.4%. #5f9bd5 color hex could be obtained by blending #beffff with #0037ab. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 61
- B 84
RGB color chart
- C 55
- M 27
- Y 0
- K 16
CMYK color chart

● #5f9bd5 color description : Moderate blue.

The hexadecimal color #5f9bd5 has RGB values of R:95, G:155, B:213 and CMYK values of C:0.55, M:0.27, Y:0, K:0.16. Its decimal value is 6265813.

Hex triplet	5f9bd5	`#5f9bd5`
RGB Decimal	95, 155, 213	`rgb(95,155,213)`
RGB Percent	37.3, 60.8, 83.5	`rgb(37.3%,60.8%,83.5%)`
CMYK	55, 27, 0, 16
HSL	209.5°, 58.4, 60.4	`hsl(209.5,58.4%,60.4%)`
HSV (or HSB)	209.5°, 55.4, 83.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.235, -2.761, -35.536
XYZ	28.448, 30.678, 67.369
xyY	0.225, 0.243, 30.678
CIE-LCH	62.235, 35.644, 265.557
CIE-LUV	62.235, -26.777, -55.509
Hunter-Lab	55.388, -5.248, -33.345
Binary	01011111, 10011011, 11010101

#5f9bd5
```
#5f9bd5 rgb(95,155,213)
```
#d5995f
```
#d5995f rgb(213,153,95)
```

Complementary Color

#5fd5d4
```
#5fd5d4 rgb(95,213,212)
```
#5f9bd5
```
#5f9bd5 rgb(95,155,213)
```
#5f60d5
```
#5f60d5 rgb(95,96,213)
```

Analogous Color

#d5d45f
```
#d5d45f rgb(213,212,95)
```
#5f9bd5
```
#5f9bd5 rgb(95,155,213)
```
#d55f60
```
#d55f60 rgb(213,95,96)
```

Split Complementary Color

#9bd55f
```
#9bd55f rgb(155,213,95)
```
#5f9bd5
```
#5f9bd5 rgb(95,155,213)
```
#d55f9b
```
#d55f9b rgb(213,95,155)
```

Triadic Color

#5fd599
```
#5fd599 rgb(95,213,153)
```
#5f9bd5
```
#5f9bd5 rgb(95,155,213)
```
#d55f9b
```
#d55f9b rgb(213,95,155)
```
#d5995f
```
#d5995f rgb(213,153,95)
```

Tetradic Color

#3075b7
```
#3075b7 rgb(48,117,183)
```
#3782ca
```
#3782ca rgb(55,130,202)
```
#4b8ed0
```
#4b8ed0 rgb(75,142,208)
```
#5f9bd5
```
#5f9bd5 rgb(95,155,213)
```
#73a8da
```
#73a8da rgb(115,168,218)
```
#87b4e0
```
#87b4e0 rgb(135,180,224)
```
#9cc1e5
```
#9cc1e5 rgb(156,193,229)
```

Monochromatic Color

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

#5fb9d5
```
#5fb9d5 rgb(95,185,213)
```
#5fafd5
```
#5fafd5 rgb(95,175,213)
```
#5fa5d5
```
#5fa5d5 rgb(95,165,213)
```
#5f9bd5
```
#5f9bd5 rgb(95,155,213)
```
#5f91d5
```
#5f91d5 rgb(95,145,213)
```
#5f87d5
```
#5f87d5 rgb(95,135,213)
```
#5f7ed5
```
#5f7ed5 rgb(95,126,213)
```

Similar Colors

Text with hexadecimal color #5f9bd5

This text has a font color of #5f9bd5.

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

#5f9bd5 background color

This paragraph has a background color of #5f9bd5.

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

#5f9bd5 border color

This element has a border color of #5f9bd5.

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

CSS codes

.text {color:#5f9bd5;}

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

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

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

#03070b
```
#03070b rgb(3,7,11)
```
#07111a
```
#07111a rgb(7,17,26)
```
#0b1b2a
```
#0b1b2a rgb(11,27,42)
```
#0f253a
```
#0f253a rgb(15,37,58)
```
#132f49
```
#132f49 rgb(19,47,73)
```
#173859
```
#173859 rgb(23,56,89)
```
#1b4268
```
#1b4268 rgb(27,66,104)
```
#1f4c78
```
#1f4c78 rgb(31,76,120)
```
#235687
```
#235687 rgb(35,86,135)
```
#286097
```
#286097 rgb(40,96,151)
```
#2c6aa6
```
#2c6aa6 rgb(44,106,166)
```
#3074b6
```
#3074b6 rgb(48,116,182)
```
#347ec5
```
#347ec5 rgb(52,126,197)
```

Shade Color Variation

#4088cd
```
#4088cd rgb(64,136,205)
```
#4f91d1
```
#4f91d1 rgb(79,145,209)
```
#5f9bd5
```
#5f9bd5 rgb(95,155,213)
```
#6fa5d9
```
#6fa5d9 rgb(111,165,217)
```
#7eaedd
```
#7eaedd rgb(126,174,221)
```
#8eb8e1
```
#8eb8e1 rgb(142,184,225)
```
#9dc2e5
```
#9dc2e5 rgb(157,194,229)
```
#adcce9
```
#adcce9 rgb(173,204,233)
```
#bcd5ed
```
#bcd5ed rgb(188,213,237)
```
#ccdff2
```
#ccdff2 rgb(204,223,242)
```
#dbe9f6
```
#dbe9f6 rgb(219,233,246)
```
#ebf2fa
```
#ebf2fa rgb(235,242,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959a9f is the less saturated color, while #389cfc is the most saturated one.

#959a9f
```
#959a9f rgb(149,154,159)
```
#8e9aa6
```
#8e9aa6 rgb(142,154,166)
```
#869aae
```
#869aae rgb(134,154,174)
```
#7e9ab6
```
#7e9ab6 rgb(126,154,182)
```
#769bbe
```
#769bbe rgb(118,155,190)
```
#6f9bc5
```
#6f9bc5 rgb(111,155,197)
```
#679bcd
```
#679bcd rgb(103,155,205)
```
#5f9bd5
```
#5f9bd5 rgb(95,155,213)
```
#579bdd
```
#579bdd rgb(87,155,221)
```
#4f9be5
```
#4f9be5 rgb(79,155,229)
```
#489bec
```
#489bec rgb(72,155,236)
```
#409cf4
```
#409cf4 rgb(64,156,244)
```
#389cfc
```
#389cfc rgb(56,156,252)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#86929e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8999d2 Protanopia 1% of men
#819ad9 Deuteranopia 1% of men
#55a7b3 Tritanopia 0.001% of the population

Trichromacy

#799ad3 Protanomaly 1% of men, 0.01% of women
#759ad7 Deuteranomaly 6% of men, 0.4% of women
#59a2bf Tritanomaly 0.01% of the population

#5f9bd5 hex color

#5f9bd5 Color Information

#5f9bd5 Color Conversion

Color Schemes with #5f9bd5

Alternatives to #5f9bd5

#5f9bd5 Preview

Shades and Tints of #5f9bd5

Tones of #5f9bd5

Color Blindness Simulator