#5b98bf hex color

In a RGB color space, hex #5b98bf is composed of 35.7% red, 59.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 20.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 203.4 degrees, a saturation of 43.9% and a lightness of 55.3%. #5b98bf color hex could be obtained by blending #b6ffff with #00317f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 60
- B 75
RGB color chart
- C 52
- M 20
- Y 0
- K 25
CMYK color chart

● #5b98bf color description : Moderate blue.

The hexadecimal color #5b98bf has RGB values of R:91, G:152, B:191 and CMYK values of C:0.52, M:0.2, Y:0, K:0.25. Its decimal value is 6002879.

Hex triplet	5b98bf	`#5b98bf`
RGB Decimal	91, 152, 191	`rgb(91,152,191)`
RGB Percent	35.7, 59.6, 74.9	`rgb(35.7%,59.6%,74.9%)`
CMYK	52, 20, 0, 25
HSL	203.4°, 43.9, 55.3	`hsl(203.4,43.9%,55.3%)`
HSV (or HSB)	203.4°, 52.4, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.285, -8.693, -26.257
XYZ	24.944, 28.441, 53.462
xyY	0.233, 0.266, 28.441
CIE-LCH	60.285, 27.659, 251.682
CIE-LUV	60.285, -27.265, -39.225
Hunter-Lab	53.33, -9.836, -22.107
Binary	01011011, 10011000, 10111111

#5b98bf
```
#5b98bf rgb(91,152,191)
```
#bf825b
```
#bf825b rgb(191,130,91)
```

Complementary Color

#5bbfb4
```
#5bbfb4 rgb(91,191,180)
```
#5b98bf
```
#5b98bf rgb(91,152,191)
```
#5b66bf
```
#5b66bf rgb(91,102,191)
```

Analogous Color

#bfb45b
```
#bfb45b rgb(191,180,91)
```
#5b98bf
```
#5b98bf rgb(91,152,191)
```
#bf5b66
```
#bf5b66 rgb(191,91,102)
```

Split Complementary Color

#98bf5b
```
#98bf5b rgb(152,191,91)
```
#5b98bf
```
#5b98bf rgb(91,152,191)
```
#bf5b98
```
#bf5b98 rgb(191,91,152)
```

Triadic Color

#5bbf82
```
#5bbf82 rgb(91,191,130)
```
#5b98bf
```
#5b98bf rgb(91,152,191)
```
#bf5b98
```
#bf5b98 rgb(191,91,152)
```
#bf825b
```
#bf825b rgb(191,130,91)
```

Tetradic Color

#3a7194
```
#3a7194 rgb(58,113,148)
```
#417fa6
```
#417fa6 rgb(65,127,166)
```
#498cb8
```
#498cb8 rgb(73,140,184)
```
#5b98bf
```
#5b98bf rgb(91,152,191)
```
#6da4c6
```
#6da4c6 rgb(109,164,198)
```
#80afcd
```
#80afcd rgb(128,175,205)
```
#92bbd4
```
#92bbd4 rgb(146,187,212)
```

Monochromatic Color

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

#5bb1bf
```
#5bb1bf rgb(91,177,191)
```
#5ba9bf
```
#5ba9bf rgb(91,169,191)
```
#5ba0bf
```
#5ba0bf rgb(91,160,191)
```
#5b98bf
```
#5b98bf rgb(91,152,191)
```
#5b90bf
```
#5b90bf rgb(91,144,191)
```
#5b87bf
```
#5b87bf rgb(91,135,191)
```
#5b7fbf
```
#5b7fbf rgb(91,127,191)
```

Similar Colors

Text with hexadecimal color #5b98bf

This text has a font color of #5b98bf.

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

#5b98bf background color

This paragraph has a background color of #5b98bf.

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

#5b98bf border color

This element has a border color of #5b98bf.

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

CSS codes

.text {color:#5b98bf;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080f13
```
#080f13 rgb(8,15,19)
```
#0d1a22
```
#0d1a22 rgb(13,26,34)
```
#132430
```
#132430 rgb(19,36,48)
```
#182f3e
```
#182f3e rgb(24,47,62)
```
#1e3a4c
```
#1e3a4c rgb(30,58,76)
```
#23455a
```
#23455a rgb(35,69,90)
```
#294f68
```
#294f68 rgb(41,79,104)
```
#2e5a76
```
#2e5a76 rgb(46,90,118)
```
#346584
```
#346584 rgb(52,101,132)
```
#397092
```
#397092 rgb(57,112,146)
```
#3f7aa1
```
#3f7aa1 rgb(63,122,161)
```
#4485af
```
#4485af rgb(68,133,175)
```

Shade Color Variation

#4d8fb9
```
#4d8fb9 rgb(77,143,185)
```
#5b98bf
```
#5b98bf rgb(91,152,191)
```
#69a1c5
```
#69a1c5 rgb(105,161,197)
```
#77aaca
```
#77aaca rgb(119,170,202)
```
#85b3d0
```
#85b3d0 rgb(133,179,208)
```
#93bbd5
```
#93bbd5 rgb(147,187,213)
```
#a2c4db
```
#a2c4db rgb(162,196,219)
```
#b0cde0
```
#b0cde0 rgb(176,205,224)
```
#bed6e6
```
#bed6e6 rgb(190,214,230)
```
#ccdfeb
```
#ccdfeb rgb(204,223,235)
```
#dae8f1
```
#dae8f1 rgb(218,232,241)
```
#e8f1f6
```
#e8f1f6 rgb(232,241,246)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878e93 is the less saturated color, while #1ea6fc is the most saturated one.

#878e93
```
#878e93 rgb(135,142,147)
```
#7e909c
```
#7e909c rgb(126,144,156)
```
#7592a5
```
#7592a5 rgb(117,146,165)
```
#6d94ad
```
#6d94ad rgb(109,148,173)
```
#6496b6
```
#6496b6 rgb(100,150,182)
```
#5b98bf
```
#5b98bf rgb(91,152,191)
```
#529ac8
```
#529ac8 rgb(82,154,200)
```
#499cd1
```
#499cd1 rgb(73,156,209)
```
#419ed9
```
#419ed9 rgb(65,158,217)
```
#38a0e2
```
#38a0e2 rgb(56,160,226)
```
#2fa2eb
```
#2fa2eb rgb(47,162,235)
```
#26a4f4
```
#26a4f4 rgb(38,164,244)
```
#1ea6fc
```
#1ea6fc rgb(30,166,252)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#818d95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c95bd Protanopia 1% of men
#8995c5 Deuteranopia 1% of men
#5aa1ad Tritanopia 0.001% of the population

Trichromacy

#7a96bd Protanomaly 1% of men, 0.01% of women
#7896c3 Deuteranomaly 6% of men, 0.4% of women
#5a9db3 Tritanomaly 0.01% of the population

#5b98bf hex color

#5b98bf Color Information

#5b98bf Color Conversion

Color Schemes with #5b98bf

Alternatives to #5b98bf

#5b98bf Preview

Shades and Tints of #5b98bf

Tones of #5b98bf

Color Blindness Simulator