#5f93bf hex color

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

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

● #5f93bf color description : Moderate blue.

The hexadecimal color #5f93bf has RGB values of R:95, G:147, B:191 and CMYK values of C:0.5, M:0.23, Y:0, K:0.25. Its decimal value is 6263743.

Hex triplet	5f93bf	`#5f93bf`
RGB Decimal	95, 147, 191	`rgb(95,147,191)`
RGB Percent	37.3, 57.6, 74.9	`rgb(37.3%,57.6%,74.9%)`
CMYK	50, 23, 0, 25
HSL	207.5°, 42.9, 56.1	`hsl(207.5,42.9%,56.1%)`
HSV (or HSB)	207.5°, 50.3, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.03, -4.961, -28.178
XYZ	24.555, 27.061, 53.217
xyY	0.234, 0.258, 27.061
CIE-LCH	59.03, 28.611, 260.016
CIE-LUV	59.03, -24.095, -42.688
Hunter-Lab	52.02, -6.778, -24.24
Binary	01011111, 10010011, 10111111

#5f93bf
```
#5f93bf rgb(95,147,191)
```
#bf8b5f
```
#bf8b5f rgb(191,139,95)
```

Complementary Color

#5fbfbb
```
#5fbfbb rgb(95,191,187)
```
#5f93bf
```
#5f93bf rgb(95,147,191)
```
#5f63bf
```
#5f63bf rgb(95,99,191)
```

Analogous Color

#bfbb5f
```
#bfbb5f rgb(191,187,95)
```
#5f93bf
```
#5f93bf rgb(95,147,191)
```
#bf5f63
```
#bf5f63 rgb(191,95,99)
```

Split Complementary Color

#93bf5f
```
#93bf5f rgb(147,191,95)
```
#5f93bf
```
#5f93bf rgb(95,147,191)
```
#bf5f93
```
#bf5f93 rgb(191,95,147)
```

Triadic Color

#5fbf8b
```
#5fbf8b rgb(95,191,139)
```
#5f93bf
```
#5f93bf rgb(95,147,191)
```
#bf5f93
```
#bf5f93 rgb(191,95,147)
```
#bf8b5f
```
#bf8b5f rgb(191,139,95)
```

Tetradic Color

#3c6c96
```
#3c6c96 rgb(60,108,150)
```
#437aa8
```
#437aa8 rgb(67,122,168)
```
#4d87b8
```
#4d87b8 rgb(77,135,184)
```
#5f93bf
```
#5f93bf rgb(95,147,191)
```
#719fc6
```
#719fc6 rgb(113,159,198)
```
#83acce
```
#83acce rgb(131,172,206)
```
#96b8d5
```
#96b8d5 rgb(150,184,213)
```

Monochromatic Color

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

#5fabbf
```
#5fabbf rgb(95,171,191)
```
#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)
```

Similar Colors

Text with hexadecimal color #5f93bf

This text has a font color of #5f93bf.

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

#5f93bf background color

This paragraph has a background color of #5f93bf.

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

#5f93bf border color

This element has a border color of #5f93bf.

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

CSS codes

.text {color:#5f93bf;}

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

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

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)
```
#091016
```
#091016 rgb(9,16,22)
```
#0e1a24
```
#0e1a24 rgb(14,26,36)
```
#142432
```
#142432 rgb(20,36,50)
```
#1a2f40
```
#1a2f40 rgb(26,47,64)
```
#1f394e
```
#1f394e rgb(31,57,78)
```
#25435c
```
#25435c rgb(37,67,92)
```
#2a4d6a
```
#2a4d6a rgb(42,77,106)
```
#305778
```
#305778 rgb(48,87,120)
```
#366186
```
#366186 rgb(54,97,134)
```
#3b6b94
```
#3b6b94 rgb(59,107,148)
```
#4176a2
```
#4176a2 rgb(65,118,162)
```
#4780b0
```
#4780b0 rgb(71,128,176)
```

Shade Color Variation

#518ab9
```
#518ab9 rgb(81,138,185)
```
#5f93bf
```
#5f93bf rgb(95,147,191)
```
#6d9cc5
```
#6d9cc5 rgb(109,156,197)
```
#7ba6ca
```
#7ba6ca rgb(123,166,202)
```
#89afd0
```
#89afd0 rgb(137,175,208)
```
#97b9d5
```
#97b9d5 rgb(151,185,213)
```
#a5c2db
```
#a5c2db rgb(165,194,219)
```
#b3cce1
```
#b3cce1 rgb(179,204,225)
```
#c1d5e6
```
#c1d5e6 rgb(193,213,230)
```
#cfdfec
```
#cfdfec rgb(207,223,236)
```
#dde8f1
```
#dde8f1 rgb(221,232,241)
```
#ebf2f7
```
#ebf2f7 rgb(235,242,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 #2398fb is the most saturated one.

#8a8f94
```
#8a8f94 rgb(138,143,148)
```
#81909d
```
#81909d rgb(129,144,157)
```
#7991a5
```
#7991a5 rgb(121,145,165)
```
#7092ae
```
#7092ae rgb(112,146,174)
```
#6892b6
```
#6892b6 rgb(104,146,182)
```
#5f93bf
```
#5f93bf rgb(95,147,191)
```
#5694c8
```
#5694c8 rgb(86,148,200)
```
#4e94d0
```
#4e94d0 rgb(78,148,208)
```
#4595d9
```
#4595d9 rgb(69,149,217)
```
#3d96e1
```
#3d96e1 rgb(61,150,225)
```
#3497ea
```
#3497ea rgb(52,151,234)
```
#2b97f3
```
#2b97f3 rgb(43,151,243)
```
#2398fb
```
#2398fb rgb(35,152,251)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#808a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8792be Protanopia 1% of men
#8392c4 Deuteranopia 1% of men
#5c9da8 Tritanopia 0.001% of the population

Trichromacy

#7892be Protanomaly 1% of men, 0.01% of women
#7692c2 Deuteranomaly 6% of men, 0.4% of women
#5d99b0 Tritanomaly 0.01% of the population

#5f93bf hex color

#5f93bf Color Information

#5f93bf Color Conversion

Color Schemes with #5f93bf

Alternatives to #5f93bf

#5f93bf Preview

Shades and Tints of #5f93bf

Tones of #5f93bf

Color Blindness Simulator