#5f97be hex color

In a RGB color space, hex #5f97be is composed of 37.3% red, 59.2% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 20.5% magenta, 0% yellow and 25.5% black. It has a hue angle of 204.6 degrees, a saturation of 42.2% and a lightness of 55.9%. #5f97be color hex could be obtained by blending #beffff with #002f7d. Closest websafe color is: #6699cc.

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

● #5f97be color description : Moderate blue.

The hexadecimal color #5f97be has RGB values of R:95, G:151, B:190 and CMYK values of C:0.5, M:0.21, Y:0, K:0.25. Its decimal value is 6264766.

Hex triplet	5f97be	`#5f97be`
RGB Decimal	95, 151, 190	`rgb(95,151,190)`
RGB Percent	37.3, 59.2, 74.5	`rgb(37.3%,59.2%,74.5%)`
CMYK	50, 21, 0, 25
HSL	204.6°, 42.2, 55.9	`hsl(204.6,42.2%,55.9%)`
HSV (or HSB)	204.6°, 50, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.143, -7.511, -25.897
XYZ	25.078, 28.282, 52.85
xyY	0.236, 0.266, 28.282
CIE-LCH	60.143, 26.964, 253.826
CIE-LUV	60.143, -25.658, -38.771
Hunter-Lab	53.181, -8.894, -21.694
Binary	01011111, 10010111, 10111110

#5f97be
```
#5f97be rgb(95,151,190)
```
#be865f
```
#be865f rgb(190,134,95)
```

Complementary Color

#5fbeb6
```
#5fbeb6 rgb(95,190,182)
```
#5f97be
```
#5f97be rgb(95,151,190)
```
#5f68be
```
#5f68be rgb(95,104,190)
```

Analogous Color

#beb65f
```
#beb65f rgb(190,182,95)
```
#5f97be
```
#5f97be rgb(95,151,190)
```
#be5f68
```
#be5f68 rgb(190,95,104)
```

Split Complementary Color

#97be5f
```
#97be5f rgb(151,190,95)
```
#5f97be
```
#5f97be rgb(95,151,190)
```
#be5f97
```
#be5f97 rgb(190,95,151)
```

Triadic Color

#5fbe86
```
#5fbe86 rgb(95,190,134)
```
#5f97be
```
#5f97be rgb(95,151,190)
```
#be5f97
```
#be5f97 rgb(190,95,151)
```
#be865f
```
#be865f rgb(190,134,95)
```

Tetradic Color

#3c7094
```
#3c7094 rgb(60,112,148)
```
#447ea6
```
#447ea6 rgb(68,126,166)
```
#4d8bb7
```
#4d8bb7 rgb(77,139,183)
```
#5f97be
```
#5f97be rgb(95,151,190)
```
#71a3c5
```
#71a3c5 rgb(113,163,197)
```
#83afcd
```
#83afcd rgb(131,175,205)
```
#95bad4
```
#95bad4 rgb(149,186,212)
```

Monochromatic Color

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

#5fafbe
```
#5fafbe rgb(95,175,190)
```
#5fa7be
```
#5fa7be rgb(95,167,190)
```
#5f9fbe
```
#5f9fbe rgb(95,159,190)
```
#5f97be
```
#5f97be rgb(95,151,190)
```
#5f8fbe
```
#5f8fbe rgb(95,143,190)
```
#5f87be
```
#5f87be rgb(95,135,190)
```
#5f7fbe
```
#5f7fbe rgb(95,127,190)
```

Similar Colors

Text with hexadecimal color #5f97be

This text has a font color of #5f97be.

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

#5f97be background color

This paragraph has a background color of #5f97be.

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

#5f97be border color

This element has a border color of #5f97be.

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

CSS codes

.text {color:#5f97be;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#091015
```
#091015 rgb(9,16,21)
```
#0e1b23
```
#0e1b23 rgb(14,27,35)
```
#142531
```
#142531 rgb(20,37,49)
```
#1a303f
```
#1a303f rgb(26,48,63)
```
#1f3a4d
```
#1f3a4d rgb(31,58,77)
```
#25455b
```
#25455b rgb(37,69,91)
```
#2b4f69
```
#2b4f69 rgb(43,79,105)
```
#305a77
```
#305a77 rgb(48,90,119)
```
#366585
```
#366585 rgb(54,101,133)
```
#3c6f93
```
#3c6f93 rgb(60,111,147)
```
#417aa1
```
#417aa1 rgb(65,122,161)
```
#4784af
```
#4784af rgb(71,132,175)
```

Shade Color Variation

#518eb8
```
#518eb8 rgb(81,142,184)
```
#5f97be
```
#5f97be rgb(95,151,190)
```
#6da0c4
```
#6da0c4 rgb(109,160,196)
```
#7ba9c9
```
#7ba9c9 rgb(123,169,201)
```
#89b2cf
```
#89b2cf rgb(137,178,207)
```
#97bbd5
```
#97bbd5 rgb(151,187,213)
```
#a5c4da
```
#a5c4da rgb(165,196,218)
```
#b3cde0
```
#b3cde0 rgb(179,205,224)
```
#c1d6e6
```
#c1d6e6 rgb(193,214,230)
```
#cfe0eb
```
#cfe0eb rgb(207,224,235)
```
#dde9f1
```
#dde9f1 rgb(221,233,241)
```
#eaf2f7
```
#eaf2f7 rgb(234,242,247)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#8a8f93
```
#8a8f93 rgb(138,143,147)
```
#82919b
```
#82919b rgb(130,145,155)
```
#7992a4
```
#7992a4 rgb(121,146,164)
```
#7094ad
```
#7094ad rgb(112,148,173)
```
#6895b5
```
#6895b5 rgb(104,149,181)
```
#5f97be
```
#5f97be rgb(95,151,190)
```
#5699c7
```
#5699c7 rgb(86,153,199)
```
#4e9acf
```
#4e9acf rgb(78,154,207)
```
#459cd8
```
#459cd8 rgb(69,156,216)
```
#3c9de1
```
#3c9de1 rgb(60,157,225)
```
#349fe9
```
#349fe9 rgb(52,159,233)
```
#2ba0f2
```
#2ba0f2 rgb(43,160,242)
```
#22a2fb
```
#22a2fb rgb(34,162,251)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#828d95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b95bc Protanopia 1% of men
#8994c4 Deuteranopia 1% of men
#5ea0ac Tritanopia 0.001% of the population

Trichromacy

#7b95bd Protanomaly 1% of men, 0.01% of women
#7a95c2 Deuteranomaly 6% of men, 0.4% of women
#5e9cb2 Tritanomaly 0.01% of the population

#5f97be hex color

#5f97be Color Information

#5f97be Color Conversion

Color Schemes with #5f97be

Alternatives to #5f97be

#5f97be Preview

Shades and Tints of #5f97be

Tones of #5f97be

Color Blindness Simulator