#5f9bcf hex color

In a RGB color space, hex #5f9bcf is composed of 37.3% red, 60.8% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 25.1% magenta, 0% yellow and 18.8% black. It has a hue angle of 207.9 degrees, a saturation of 53.8% and a lightness of 59.2%. #5f9bcf color hex could be obtained by blending #beffff with #00379f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 61
- B 81
RGB color chart
- C 54
- M 25
- Y 0
- K 19
CMYK color chart

● #5f9bcf color description : Moderate blue.

The hexadecimal color #5f9bcf has RGB values of R:95, G:155, B:207 and CMYK values of C:0.54, M:0.25, Y:0, K:0.19. Its decimal value is 6265807.

Hex triplet	5f9bcf	`#5f9bcf`
RGB Decimal	95, 155, 207	`rgb(95,155,207)`
RGB Percent	37.3, 60.8, 81.2	`rgb(37.3%,60.8%,81.2%)`
CMYK	54, 25, 0, 19
HSL	207.9°, 53.8, 59.2	`hsl(207.9,53.8%,59.2%)`
HSV (or HSB)	207.9°, 54.1, 81.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.98, -4.618, -32.589
XYZ	27.7, 30.379, 63.432
xyY	0.228, 0.25, 30.379
CIE-LCH	61.98, 32.915, 261.935
CIE-LUV	61.98, -26.885, -50.351
Hunter-Lab	55.117, -6.745, -29.653
Binary	01011111, 10011011, 11001111

#5f9bcf
```
#5f9bcf rgb(95,155,207)
```
#cf935f
```
#cf935f rgb(207,147,95)
```

Complementary Color

#5fcfcb
```
#5fcfcb rgb(95,207,203)
```
#5f9bcf
```
#5f9bcf rgb(95,155,207)
```
#5f63cf
```
#5f63cf rgb(95,99,207)
```

Analogous Color

#cfcb5f
```
#cfcb5f rgb(207,203,95)
```
#5f9bcf
```
#5f9bcf rgb(95,155,207)
```
#cf5f63
```
#cf5f63 rgb(207,95,99)
```

Split Complementary Color

#9bcf5f
```
#9bcf5f rgb(155,207,95)
```
#5f9bcf
```
#5f9bcf rgb(95,155,207)
```
#cf5f9b
```
#cf5f9b rgb(207,95,155)
```

Triadic Color

#5fcf93
```
#5fcf93 rgb(95,207,147)
```
#5f9bcf
```
#5f9bcf rgb(95,155,207)
```
#cf5f9b
```
#cf5f9b rgb(207,95,155)
```
#cf935f
```
#cf935f rgb(207,147,95)
```

Tetradic Color

#3475ad
```
#3475ad rgb(52,117,173)
```
#3a82c1
```
#3a82c1 rgb(58,130,193)
```
#4b8fc9
```
#4b8fc9 rgb(75,143,201)
```
#5f9bcf
```
#5f9bcf rgb(95,155,207)
```
#73a7d5
```
#73a7d5 rgb(115,167,213)
```
#86b4db
```
#86b4db rgb(134,180,219)
```
#9ac0e1
```
#9ac0e1 rgb(154,192,225)
```

Monochromatic Color

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

#5fb7cf
```
#5fb7cf rgb(95,183,207)
```
#5faecf
```
#5faecf rgb(95,174,207)
```
#5fa4cf
```
#5fa4cf rgb(95,164,207)
```
#5f9bcf
```
#5f9bcf rgb(95,155,207)
```
#5f92cf
```
#5f92cf rgb(95,146,207)
```
#5f88cf
```
#5f88cf rgb(95,136,207)
```
#5f7fcf
```
#5f7fcf rgb(95,127,207)
```

Similar Colors

Text with hexadecimal color #5f9bcf

This text has a font color of #5f9bcf.

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

#5f9bcf background color

This paragraph has a background color of #5f9bcf.

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

#5f9bcf border color

This element has a border color of #5f9bcf.

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

CSS codes

.text {color:#5f9bcf;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#060e15
```
#060e15 rgb(6,14,21)
```
#0b1824
```
#0b1824 rgb(11,24,36)
```
#0f2333
```
#0f2333 rgb(15,35,51)
```
#142d42
```
#142d42 rgb(20,45,66)
```
#183751
```
#183751 rgb(24,55,81)
```
#1d4161
```
#1d4161 rgb(29,65,97)
```
#214b70
```
#214b70 rgb(33,75,112)
```
#26567f
```
#26567f rgb(38,86,127)
```
#2b608e
```
#2b608e rgb(43,96,142)
```
#2f6a9d
```
#2f6a9d rgb(47,106,157)
```
#3474ac
```
#3474ac rgb(52,116,172)
```
#387ebb
```
#387ebb rgb(56,126,187)
```

Shade Color Variation

#4188c6
```
#4188c6 rgb(65,136,198)
```
#5092ca
```
#5092ca rgb(80,146,202)
```
#5f9bcf
```
#5f9bcf rgb(95,155,207)
```
#6ea4d4
```
#6ea4d4 rgb(110,164,212)
```
#7daed8
```
#7daed8 rgb(125,174,216)
```
#8cb7dd
```
#8cb7dd rgb(140,183,221)
```
#9bc1e1
```
#9bc1e1 rgb(155,193,225)
```
#aacae6
```
#aacae6 rgb(170,202,230)
```
#bad4ea
```
#bad4ea rgb(186,212,234)
```
#c9ddef
```
#c9ddef rgb(201,221,239)
```
#d8e6f3
```
#d8e6f3 rgb(216,230,243)
```
#e7f0f8
```
#e7f0f8 rgb(231,240,248)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f989f is the less saturated color, while #2f9eff is the most saturated one.

#8f989f
```
#8f989f rgb(143,152,159)
```
#8798a7
```
#8798a7 rgb(135,152,167)
```
#7f99af
```
#7f99af rgb(127,153,175)
```
#7799b7
```
#7799b7 rgb(119,153,183)
```
#6f9abf
```
#6f9abf rgb(111,154,191)
```
#679ac7
```
#679ac7 rgb(103,154,199)
```
#5f9bcf
```
#5f9bcf rgb(95,155,207)
```
#579cd7
```
#579cd7 rgb(87,156,215)
```
#4f9cdf
```
#4f9cdf rgb(79,156,223)
```
#479de7
```
#479de7 rgb(71,157,231)
```
#3f9def
```
#3f9def rgb(63,157,239)
```
#379ef7
```
#379ef7 rgb(55,158,247)
```
#2f9eff
```
#2f9eff rgb(47,158,255)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#85919c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b99cc Protanopia 1% of men
#8599d3 Deuteranopia 1% of men
#58a6b2 Tritanopia 0.001% of the population

Trichromacy

#7b99cd Protanomaly 1% of men, 0.01% of women
#779ad2 Deuteranomaly 6% of men, 0.4% of women
#5ba2bc Tritanomaly 0.01% of the population

#5f9bcf hex color

#5f9bcf Color Information

#5f9bcf Color Conversion

Color Schemes with #5f9bcf

Alternatives to #5f9bcf

#5f9bcf Preview

Shades and Tints of #5f9bcf

Tones of #5f9bcf

Color Blindness Simulator