#5f8bbf hex color

In a RGB color space, hex #5f8bbf is composed of 37.3% red, 54.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 27.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 212.5 degrees, a saturation of 42.9% and a lightness of 56.1%. #5f8bbf color hex could be obtained by blending #beffff with #00177f. 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

● #5f8bbf color description : Moderate blue.

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

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

CIE-LAB	56.741, -0.372, -31.729
XYZ	23.354, 24.659, 52.816
xyY	0.232, 0.245, 24.659
CIE-LCH	56.741, 31.731, 269.327
CIE-LUV	56.741, -21.031, -48.73
Hunter-Lab	49.657, -2.952, -28.302
Binary	01011111, 10001011, 10111111

#5f8bbf
```
#5f8bbf rgb(95,139,191)
```
#bf935f
```
#bf935f rgb(191,147,95)
```

Complementary Color

#5fbbbf
```
#5fbbbf rgb(95,187,191)
```
#5f8bbf
```
#5f8bbf rgb(95,139,191)
```
#635fbf
```
#635fbf rgb(99,95,191)
```

Analogous Color

#bbbf5f
```
#bbbf5f rgb(187,191,95)
```
#5f8bbf
```
#5f8bbf rgb(95,139,191)
```
#bf635f
```
#bf635f rgb(191,99,95)
```

Split Complementary Color

#8bbf5f
```
#8bbf5f rgb(139,191,95)
```
#5f8bbf
```
#5f8bbf rgb(95,139,191)
```
#bf5f8b
```
#bf5f8b rgb(191,95,139)
```

Triadic Color

#5fbf93
```
#5fbf93 rgb(95,191,147)
```
#5f8bbf
```
#5f8bbf rgb(95,139,191)
```
#bf5f8b
```
#bf5f8b rgb(191,95,139)
```
#bf935f
```
#bf935f rgb(191,147,95)
```

Tetradic Color

#3c6596
```
#3c6596 rgb(60,101,150)
```
#4371a8
```
#4371a8 rgb(67,113,168)
```
#4d7eb8
```
#4d7eb8 rgb(77,126,184)
```
#5f8bbf
```
#5f8bbf rgb(95,139,191)
```
#7198c6
```
#7198c6 rgb(113,152,198)
```
#83a5ce
```
#83a5ce rgb(131,165,206)
```
#96b3d5
```
#96b3d5 rgb(150,179,213)
```

Monochromatic Color

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

#5fa3bf
```
#5fa3bf rgb(95,163,191)
```
#5f9bbf
```
#5f9bbf rgb(95,155,191)
```
#5f93bf
```
#5f93bf rgb(95,147,191)
```
#5f8bbf
```
#5f8bbf rgb(95,139,191)
```
#5f83bf
```
#5f83bf rgb(95,131,191)
```
#5f7bbf
```
#5f7bbf rgb(95,123,191)
```
#5f73bf
```
#5f73bf rgb(95,115,191)
```

Similar Colors

Text with hexadecimal color #5f8bbf

This text has a font color of #5f8bbf.

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

#5f8bbf background color

This paragraph has a background color of #5f8bbf.

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

#5f8bbf border color

This element has a border color of #5f8bbf.

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

CSS codes

.text {color:#5f8bbf;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090f16
```
#090f16 rgb(9,15,22)
```
#0e1824
```
#0e1824 rgb(14,24,36)
```
#142232
```
#142232 rgb(20,34,50)
```
#1a2b40
```
#1a2b40 rgb(26,43,64)
```
#1f354e
```
#1f354e rgb(31,53,78)
```
#253e5c
```
#253e5c rgb(37,62,92)
```
#2a486a
```
#2a486a rgb(42,72,106)
```
#305178
```
#305178 rgb(48,81,120)
```
#365b86
```
#365b86 rgb(54,91,134)
```
#3b6494
```
#3b6494 rgb(59,100,148)
```
#416ea2
```
#416ea2 rgb(65,110,162)
```
#4777b0
```
#4777b0 rgb(71,119,176)
```

Shade Color Variation

#5181b9
```
#5181b9 rgb(81,129,185)
```
#5f8bbf
```
#5f8bbf rgb(95,139,191)
```
#6d95c5
```
#6d95c5 rgb(109,149,197)
```
#7b9fca
```
#7b9fca rgb(123,159,202)
```
#89a9d0
```
#89a9d0 rgb(137,169,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)
```
#cfdcec
```
#cfdcec rgb(207,220,236)
```
#dde6f1
```
#dde6f1 rgb(221,230,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 #2386fb is the most saturated one.

#8a8f94
```
#8a8f94 rgb(138,143,148)
```
#818e9d
```
#818e9d rgb(129,142,157)
```
#798da5
```
#798da5 rgb(121,141,165)
```
#708cae
```
#708cae rgb(112,140,174)
```
#688cb6
```
#688cb6 rgb(104,140,182)
```
#5f8bbf
```
#5f8bbf rgb(95,139,191)
```
#568ac8
```
#568ac8 rgb(86,138,200)
```
#4e8ad0
```
#4e8ad0 rgb(78,138,208)
```
#4589d9
```
#4589d9 rgb(69,137,217)
```
#3d88e1
```
#3d88e1 rgb(61,136,225)
```
#3487ea
```
#3487ea rgb(52,135,234)
```
#2b87f3
```
#2b87f3 rgb(43,135,243)
```
#2386fb
```
#2386fb rgb(35,134,251)
```

Tone Color Variation

Below, you can see how #5f8bbf 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
#7d8590 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8cbf Protanopia 1% of men
#788dc3 Deuteranopia 1% of men
#5a97a2 Tritanopia 0.001% of the population

Trichromacy

#728bbf Protanomaly 1% of men, 0.01% of women
#6f8cc2 Deuteranomaly 6% of men, 0.4% of women
#5b92ac Tritanomaly 0.01% of the population

#5f8bbf hex color

#5f8bbf Color Information

#5f8bbf Color Conversion

Color Schemes with #5f8bbf

Alternatives to #5f8bbf

#5f8bbf Preview

Shades and Tints of #5f8bbf

Tones of #5f8bbf

Color Blindness Simulator