#5f8beb hex color

In a RGB color space, hex #5f8beb is composed of 37.3% red, 54.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 40.9% magenta, 0% yellow and 7.8% black. It has a hue angle of 221.1 degrees, a saturation of 77.8% and a lightness of 64.7%. #5f8beb color hex could be obtained by blending #beffff with #0017d7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 55
- B 92
RGB color chart
- C 60
- M 41
- Y 0
- K 8
CMYK color chart

● #5f8beb color description : Soft blue.

The hexadecimal color #5f8beb has RGB values of R:95, G:139, B:235 and CMYK values of C:0.6, M:0.41, Y:0, K:0.08. Its decimal value is 6261739.

Hex triplet	5f8beb	`#5f8beb`
RGB Decimal	95, 139, 235	`rgb(95,139,235)`
RGB Percent	37.3, 54.5, 92.2	`rgb(37.3%,54.5%,92.2%)`
CMYK	60, 41, 0, 8
HSL	221.1°, 77.8, 64.7	`hsl(221.1,77.8%,64.7%)`
HSV (or HSB)	221.1°, 59.6, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.877, 13.646, -53.056
XYZ	28.944, 26.895, 82.259
xyY	0.21, 0.195, 26.895
CIE-LCH	58.877, 54.782, 284.424
CIE-LUV	58.877, -20.945, -85.668
Hunter-Lab	51.86, 8.869, -57.742
Binary	01011111, 10001011, 11101011

#5f8beb
```
#5f8beb rgb(95,139,235)
```
#ebbf5f
```
#ebbf5f rgb(235,191,95)
```

Complementary Color

#5fd1eb
```
#5fd1eb rgb(95,209,235)
```
#5f8beb
```
#5f8beb rgb(95,139,235)
```
#795feb
```
#795feb rgb(121,95,235)
```

Analogous Color

#d1eb5f
```
#d1eb5f rgb(209,235,95)
```
#5f8beb
```
#5f8beb rgb(95,139,235)
```
#eb795f
```
#eb795f rgb(235,121,95)
```

Split Complementary Color

#8beb5f
```
#8beb5f rgb(139,235,95)
```
#5f8beb
```
#5f8beb rgb(95,139,235)
```
#eb5f8b
```
#eb5f8b rgb(235,95,139)
```

Triadic Color

#5febbf
```
#5febbf rgb(95,235,191)
```
#5f8beb
```
#5f8beb rgb(95,139,235)
```
#eb5f8b
```
#eb5f8b rgb(235,95,139)
```
#ebbf5f
```
#ebbf5f rgb(235,191,95)
```

Tetradic Color

#1c5ae1
```
#1c5ae1 rgb(28,90,225)
```
#326ae5
```
#326ae5 rgb(50,106,229)
```
#487be8
```
#487be8 rgb(72,123,232)
```
#5f8beb
```
#5f8beb rgb(95,139,235)
```
#769bee
```
#769bee rgb(118,155,238)
```
#8cacf1
```
#8cacf1 rgb(140,172,241)
```
#a3bcf4
```
#a3bcf4 rgb(163,188,244)
```

Monochromatic Color

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

#5faeeb
```
#5faeeb rgb(95,174,235)
```
#5fa2eb
```
#5fa2eb rgb(95,162,235)
```
#5f97eb
```
#5f97eb rgb(95,151,235)
```
#5f8beb
```
#5f8beb rgb(95,139,235)
```
#5f7feb
```
#5f7feb rgb(95,127,235)
```
#5f74eb
```
#5f74eb rgb(95,116,235)
```
#5f68eb
```
#5f68eb rgb(95,104,235)
```

Similar Colors

Text with hexadecimal color #5f8beb

This text has a font color of #5f8beb.

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

#5f8beb background color

This paragraph has a background color of #5f8beb.

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

#5f8beb border color

This element has a border color of #5f8beb.

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

CSS codes

.text {color:#5f8beb;}

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

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

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, #02060e is the darkest color, while #fcfdff is the lightest one.

#02060e
```
#02060e rgb(2,6,14)
```
#040d20
```
#040d20 rgb(4,13,32)
```
#061431
```
#061431 rgb(6,20,49)
```
#081b43
```
#081b43 rgb(8,27,67)
```
#0b2254
```
#0b2254 rgb(11,34,84)
```
#0d2966
```
#0d2966 rgb(13,41,102)
```
#0f3077
```
#0f3077 rgb(15,48,119)
```
#113788
```
#113788 rgb(17,55,136)
```
#133e9a
```
#133e9a rgb(19,62,154)
```
#1545ab
```
#1545ab rgb(21,69,171)
```
#184bbd
```
#184bbd rgb(24,75,189)
```
#1a52ce
```
#1a52ce rgb(26,82,206)
```
#1c59e0
```
#1c59e0 rgb(28,89,224)
```

Shade Color Variation

#2b65e4
```
#2b65e4 rgb(43,101,228)
```
#3c72e7
```
#3c72e7 rgb(60,114,231)
```
#4e7ee9
```
#4e7ee9 rgb(78,126,233)
```
#5f8beb
```
#5f8beb rgb(95,139,235)
```
#7098ed
```
#7098ed rgb(112,152,237)
```
#82a4ef
```
#82a4ef rgb(130,164,239)
```
#93b1f2
```
#93b1f2 rgb(147,177,242)
```
#a5bef4
```
#a5bef4 rgb(165,190,244)
```
#b6caf6
```
#b6caf6 rgb(182,202,246)
```
#c8d7f8
```
#c8d7f8 rgb(200,215,248)
```
#d9e3fa
```
#d9e3fa rgb(217,227,250)
```
#eaf0fc
```
#eaf0fc rgb(234,240,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a4a5a6 is the less saturated color, while #5186f9 is the most saturated one.

#a4a5a6
```
#a4a5a6 rgb(164,165,166)
```
#9da2ad
```
#9da2ad rgb(157,162,173)
```
#96a0b4
```
#96a0b4 rgb(150,160,180)
```
#8f9dbb
```
#8f9dbb rgb(143,157,187)
```
#899ac1
```
#899ac1 rgb(137,154,193)
```
#8298c8
```
#8298c8 rgb(130,152,200)
```
#7b95cf
```
#7b95cf rgb(123,149,207)
```
#7493d6
```
#7493d6 rgb(116,147,214)
```
#6d90dd
```
#6d90dd rgb(109,144,221)
```
#668ee4
```
#668ee4 rgb(102,142,228)
```
#5f8beb
```
#5f8beb rgb(95,139,235)
```
#5888f2
```
#5888f2 rgb(88,136,242)
```
#5186f9
```
#5186f9 rgb(81,134,249)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#81899d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a90eb Protanopia 1% of men
#5294ea Deuteranopia 1% of men
#409fab Tritanopia 0.001% of the population

Trichromacy

#668eeb Protanomaly 1% of men, 0.01% of women
#5791ea Deuteranomaly 6% of men, 0.4% of women
#4b98c2 Tritanomaly 0.01% of the population

#5f8beb hex color

#5f8beb Color Information

#5f8beb Color Conversion

Color Schemes with #5f8beb

Alternatives to #5f8beb

#5f8beb Preview

Shades and Tints of #5f8beb

Tones of #5f8beb

Color Blindness Simulator