#5f8cbf hex color

In a RGB color space, hex #5f8cbf is composed of 37.3% red, 54.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 26.7% magenta, 0% yellow and 25.1% black. It has a hue angle of 211.9 degrees, a saturation of 42.9% and a lightness of 56.1%. #5f8cbf color hex could be obtained by blending #beffff with #00197f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 55
- B 75
RGB color chart
- C 50
- M 27
- Y 0
- K 25
CMYK color chart

● #5f8cbf color description : Moderate blue.

The hexadecimal color #5f8cbf has RGB values of R:95, G:140, B:191 and CMYK values of C:0.5, M:0.27, Y:0, K:0.25. Its decimal value is 6261951.

Hex triplet	5f8cbf	`#5f8cbf`
RGB Decimal	95, 140, 191	`rgb(95,140,191)`
RGB Percent	37.3, 54.9, 74.9	`rgb(37.3%,54.9%,74.9%)`
CMYK	50, 27, 0, 25
HSL	211.9°, 42.9, 56.1	`hsl(211.9,42.9%,56.1%)`
HSV (or HSB)	211.9°, 50.3, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.026, -0.952, -31.285
XYZ	23.499, 24.949, 52.865
xyY	0.232, 0.246, 24.949
CIE-LCH	57.026, 31.3, 268.257
CIE-LUV	57.026, -21.412, -47.981
Hunter-Lab	49.949, -3.434, -27.786
Binary	01011111, 10001100, 10111111

#5f8cbf
```
#5f8cbf rgb(95,140,191)
```
#bf925f
```
#bf925f rgb(191,146,95)
```

Complementary Color

#5fbcbf
```
#5fbcbf rgb(95,188,191)
```
#5f8cbf
```
#5f8cbf rgb(95,140,191)
```
#625fbf
```
#625fbf rgb(98,95,191)
```

Analogous Color

#bcbf5f
```
#bcbf5f rgb(188,191,95)
```
#5f8cbf
```
#5f8cbf rgb(95,140,191)
```
#bf625f
```
#bf625f rgb(191,98,95)
```

Split Complementary Color

#8cbf5f
```
#8cbf5f rgb(140,191,95)
```
#5f8cbf
```
#5f8cbf rgb(95,140,191)
```
#bf5f8c
```
#bf5f8c rgb(191,95,140)
```

Triadic Color

#5fbf92
```
#5fbf92 rgb(95,191,146)
```
#5f8cbf
```
#5f8cbf rgb(95,140,191)
```
#bf5f8c
```
#bf5f8c rgb(191,95,140)
```
#bf925f
```
#bf925f rgb(191,146,95)
```

Tetradic Color

#3c6696
```
#3c6696 rgb(60,102,150)
```
#4372a8
```
#4372a8 rgb(67,114,168)
```
#4d7fb8
```
#4d7fb8 rgb(77,127,184)
```
#5f8cbf
```
#5f8cbf rgb(95,140,191)
```
#7199c6
```
#7199c6 rgb(113,153,198)
```
#83a6ce
```
#83a6ce rgb(131,166,206)
```
#96b3d5
```
#96b3d5 rgb(150,179,213)
```

Monochromatic Color

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

#5fa4bf
```
#5fa4bf rgb(95,164,191)
```
#5f9cbf
```
#5f9cbf rgb(95,156,191)
```
#5f94bf
```
#5f94bf rgb(95,148,191)
```
#5f8cbf
```
#5f8cbf rgb(95,140,191)
```
#5f84bf
```
#5f84bf rgb(95,132,191)
```
#5f7cbf
```
#5f7cbf rgb(95,124,191)
```
#5f74bf
```
#5f74bf rgb(95,116,191)
```

Similar Colors

Text with hexadecimal color #5f8cbf

This text has a font color of #5f8cbf.

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

#5f8cbf background color

This paragraph has a background color of #5f8cbf.

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

#5f8cbf border color

This element has a border color of #5f8cbf.

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

CSS codes

.text {color:#5f8cbf;}

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

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

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

#030608
```
#030608 rgb(3,6,8)
```
#090f16
```
#090f16 rgb(9,15,22)
```
#0e1924
```
#0e1924 rgb(14,25,36)
```
#142232
```
#142232 rgb(20,34,50)
```
#1a2c40
```
#1a2c40 rgb(26,44,64)
```
#1f354e
```
#1f354e rgb(31,53,78)
```
#253f5c
```
#253f5c rgb(37,63,92)
```
#2a486a
```
#2a486a rgb(42,72,106)
```
#305278
```
#305278 rgb(48,82,120)
```
#365b86
```
#365b86 rgb(54,91,134)
```
#3b6594
```
#3b6594 rgb(59,101,148)
```
#416fa2
```
#416fa2 rgb(65,111,162)
```
#4778b0
```
#4778b0 rgb(71,120,176)
```

Shade Color Variation

#5182b9
```
#5182b9 rgb(81,130,185)
```
#5f8cbf
```
#5f8cbf rgb(95,140,191)
```
#6d96c5
```
#6d96c5 rgb(109,150,197)
```
#7ba0ca
```
#7ba0ca rgb(123,160,202)
```
#89aad0
```
#89aad0 rgb(137,170,208)
```
#97b4d5
```
#97b4d5 rgb(151,180,213)
```
#a5bedb
```
#a5bedb rgb(165,190,219)
```
#b3c8e1
```
#b3c8e1 rgb(179,200,225)
```
#c1d2e6
```
#c1d2e6 rgb(193,210,230)
```
#cfddec
```
#cfddec rgb(207,221,236)
```
#dde7f1
```
#dde7f1 rgb(221,231,241)
```
#ebf1f7
```
#ebf1f7 rgb(235,241,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#8a8f94
```
#8a8f94 rgb(138,143,148)
```
#818e9d
```
#818e9d rgb(129,142,157)
```
#798ea5
```
#798ea5 rgb(121,142,165)
```
#708dae
```
#708dae rgb(112,141,174)
```
#688db6
```
#688db6 rgb(104,141,182)
```
#5f8cbf
```
#5f8cbf rgb(95,140,191)
```
#568bc8
```
#568bc8 rgb(86,139,200)
```
#4e8bd0
```
#4e8bd0 rgb(78,139,208)
```
#458ad9
```
#458ad9 rgb(69,138,217)
```
#3d8ae1
```
#3d8ae1 rgb(61,138,225)
```
#3489ea
```
#3489ea rgb(52,137,234)
```
#2b89f3
```
#2b89f3 rgb(43,137,243)
```
#2388fb
```
#2388fb rgb(35,136,251)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7d8690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8dbf Protanopia 1% of men
#7a8dc3 Deuteranopia 1% of men
#5a98a3 Tritanopia 0.001% of the population

Trichromacy

#738cbf Protanomaly 1% of men, 0.01% of women
#708dc2 Deuteranomaly 6% of men, 0.4% of women
#5c93ad Tritanomaly 0.01% of the population

#5f8cbf hex color

#5f8cbf Color Information

#5f8cbf Color Conversion

Color Schemes with #5f8cbf

Alternatives to #5f8cbf

#5f8cbf Preview

Shades and Tints of #5f8cbf

Tones of #5f8cbf

Color Blindness Simulator