#5f8bd3 hex color

In a RGB color space, hex #5f8bd3 is composed of 37.3% red, 54.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 34.1% magenta, 0% yellow and 17.3% black. It has a hue angle of 217.2 degrees, a saturation of 56.9% and a lightness of 60%. #5f8bd3 color hex could be obtained by blending #beffff with #0017a7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 55
- B 83
RGB color chart
- C 55
- M 34
- Y 0
- K 17
CMYK color chart

● #5f8bd3 color description : Moderate blue.

The hexadecimal color #5f8bd3 has RGB values of R:95, G:139, B:211 and CMYK values of C:0.55, M:0.34, Y:0, K:0.17. Its decimal value is 6261715.

Hex triplet	5f8bd3	`#5f8bd3`
RGB Decimal	95, 139, 211	`rgb(95,139,211)`
RGB Percent	37.3, 54.5, 82.7	`rgb(37.3%,54.5%,82.7%)`
CMYK	55, 34, 0, 17
HSL	217.2°, 56.9, 60	`hsl(217.2,56.9%,60%)`
HSV (or HSB)	217.2°, 55, 82.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.655, 5.872, -41.592
XYZ	25.707, 25.6, 65.211
xyY	0.221, 0.22, 25.6
CIE-LCH	57.655, 42.005, 278.036
CIE-LUV	57.655, -20.964, -65.751
Hunter-Lab	50.596, 2.149, -40.998
Binary	01011111, 10001011, 11010011

#5f8bd3
```
#5f8bd3 rgb(95,139,211)
```
#d3a75f
```
#d3a75f rgb(211,167,95)
```

Complementary Color

#5fc5d3
```
#5fc5d3 rgb(95,197,211)
```
#5f8bd3
```
#5f8bd3 rgb(95,139,211)
```
#6d5fd3
```
#6d5fd3 rgb(109,95,211)
```

Analogous Color

#c5d35f
```
#c5d35f rgb(197,211,95)
```
#5f8bd3
```
#5f8bd3 rgb(95,139,211)
```
#d36d5f
```
#d36d5f rgb(211,109,95)
```

Split Complementary Color

#8bd35f
```
#8bd35f rgb(139,211,95)
```
#5f8bd3
```
#5f8bd3 rgb(95,139,211)
```
#d35f8b
```
#d35f8b rgb(211,95,139)
```

Triadic Color

#5fd3a7
```
#5fd3a7 rgb(95,211,167)
```
#5f8bd3
```
#5f8bd3 rgb(95,139,211)
```
#d35f8b
```
#d35f8b rgb(211,95,139)
```
#d3a75f
```
#d3a75f rgb(211,167,95)
```

Tetradic Color

#3263b4
```
#3263b4 rgb(50,99,180)
```
#376ec8
```
#376ec8 rgb(55,110,200)
```
#4b7dce
```
#4b7dce rgb(75,125,206)
```
#5f8bd3
```
#5f8bd3 rgb(95,139,211)
```
#739ad9
```
#739ad9 rgb(115,154,217)
```
#87a8de
```
#87a8de rgb(135,168,222)
```
#9bb7e4
```
#9bb7e4 rgb(155,183,228)
```

Monochromatic Color

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

#5fa8d3
```
#5fa8d3 rgb(95,168,211)
```
#5f9ed3
```
#5f9ed3 rgb(95,158,211)
```
#5f95d3
```
#5f95d3 rgb(95,149,211)
```
#5f8bd3
```
#5f8bd3 rgb(95,139,211)
```
#5f81d3
```
#5f81d3 rgb(95,129,211)
```
#5f78d3
```
#5f78d3 rgb(95,120,211)
```
#5f6ed3
```
#5f6ed3 rgb(95,110,211)
```

Similar Colors

Text with hexadecimal color #5f8bd3

This text has a font color of #5f8bd3.

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

#5f8bd3 background color

This paragraph has a background color of #5f8bd3.

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

#5f8bd3 border color

This element has a border color of #5f8bd3.

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

CSS codes

.text {color:#5f8bd3;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0b1628
```
#0b1628 rgb(11,22,40)
```
#0f1e37
```
#0f1e37 rgb(15,30,55)
```
#132747
```
#132747 rgb(19,39,71)
```
#182f56
```
#182f56 rgb(24,47,86)
```
#1c3866
```
#1c3866 rgb(28,56,102)
```
#204075
```
#204075 rgb(32,64,117)
```
#244984
```
#244984 rgb(36,73,132)
```
#295194
```
#295194 rgb(41,81,148)
```
#2d5aa3
```
#2d5aa3 rgb(45,90,163)
```
#3162b2
```
#3162b2 rgb(49,98,178)
```
#356bc2
```
#356bc2 rgb(53,107,194)
```

Shade Color Variation

#4075cb
```
#4075cb rgb(64,117,203)
```
#5080cf
```
#5080cf rgb(80,128,207)
```
#5f8bd3
```
#5f8bd3 rgb(95,139,211)
```
#6e96d7
```
#6e96d7 rgb(110,150,215)
```
#7ea1db
```
#7ea1db rgb(126,161,219)
```
#8dace0
```
#8dace0 rgb(141,172,224)
```
#9db8e4
```
#9db8e4 rgb(157,184,228)
```
#acc3e8
```
#acc3e8 rgb(172,195,232)
```
#bbceec
```
#bbceec rgb(187,206,236)
```
#cbd9f1
```
#cbd9f1 rgb(203,217,241)
```
#dae4f5
```
#dae4f5 rgb(218,228,245)
```
#e9eff9
```
#e9eff9 rgb(233,239,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96989c is the less saturated color, while #3882fa is the most saturated one.

#96989c
```
#96989c rgb(150,152,156)
```
#8e96a4
```
#8e96a4 rgb(142,150,164)
```
#8694ac
```
#8694ac rgb(134,148,172)
```
#7e93b4
```
#7e93b4 rgb(126,147,180)
```
#7791bb
```
#7791bb rgb(119,145,187)
```
#6f8fc3
```
#6f8fc3 rgb(111,143,195)
```
#678dcb
```
#678dcb rgb(103,141,203)
```
#5f8bd3
```
#5f8bd3 rgb(95,139,211)
```
#5789db
```
#5789db rgb(87,137,219)
```
#4f87e3
```
#4f87e3 rgb(79,135,227)
```
#4785eb
```
#4785eb rgb(71,133,235)
```
#4083f2
```
#4083f2 rgb(64,131,242)
```
#3882fa
```
#3882fa rgb(56,130,250)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7e8795 Atypical Achromatopsia 0.001% of the population

Dichromacy

#768ed3 Protanopia 1% of men
#6a90d5 Deuteranopia 1% of men
#509ba6 Tritanopia 0.001% of the population

Trichromacy

#6d8dd3 Protanomaly 1% of men, 0.01% of women
#668ed4 Deuteranomaly 6% of men, 0.4% of women
#5595b6 Tritanomaly 0.01% of the population

#5f8bd3 hex color

#5f8bd3 Color Information

#5f8bd3 Color Conversion

Color Schemes with #5f8bd3

Alternatives to #5f8bd3

#5f8bd3 Preview

Shades and Tints of #5f8bd3

Tones of #5f8bd3

Color Blindness Simulator