#5b97dc hex color

In a RGB color space, hex #5b97dc is composed of 35.7% red, 59.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 31.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 212.1 degrees, a saturation of 64.8% and a lightness of 61%. #5b97dc color hex could be obtained by blending #b6ffff with #002fb9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 59
- B 86
RGB color chart
- C 59
- M 31
- Y 0
- K 14
CMYK color chart

● #5b97dc color description : Soft blue.

The hexadecimal color #5b97dc has RGB values of R:91, G:151, B:220 and CMYK values of C:0.59, M:0.31, Y:0, K:0.14. Its decimal value is 6002652.

Hex triplet	5b97dc	`#5b97dc`
RGB Decimal	91, 151, 220	`rgb(91,151,220)`
RGB Percent	35.7, 59.2, 86.3	`rgb(35.7%,59.2%,86.3%)`
CMYK	59, 31, 0, 14
HSL	212.1°, 64.8, 61	`hsl(212.1,64.8%,61%)`
HSV (or HSB)	212.1°, 58.6, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.24, 0.929, -41
XYZ	28.296, 29.523, 71.914
xyY	0.218, 0.228, 29.523
CIE-LCH	61.24, 41.01, 271.298
CIE-LUV	61.24, -26.319, -64.889
Hunter-Lab	54.335, -2.128, -40.437
Binary	01011011, 10010111, 11011100

#5b97dc
```
#5b97dc rgb(91,151,220)
```
#dca05b
```
#dca05b rgb(220,160,91)
```

Complementary Color

#5bd8dc
```
#5bd8dc rgb(91,216,220)
```
#5b97dc
```
#5b97dc rgb(91,151,220)
```
#605bdc
```
#605bdc rgb(96,91,220)
```

Analogous Color

#d8dc5b
```
#d8dc5b rgb(216,220,91)
```
#5b97dc
```
#5b97dc rgb(91,151,220)
```
#dc605b
```
#dc605b rgb(220,96,91)
```

Split Complementary Color

#97dc5b
```
#97dc5b rgb(151,220,91)
```
#5b97dc
```
#5b97dc rgb(91,151,220)
```
#dc5b97
```
#dc5b97 rgb(220,91,151)
```

Triadic Color

#5bdca0
```
#5bdca0 rgb(91,220,160)
```
#5b97dc
```
#5b97dc rgb(91,151,220)
```
#dc5b97
```
#dc5b97 rgb(220,91,151)
```
#dca05b
```
#dca05b rgb(220,160,91)
```

Tetradic Color

#2970c1
```
#2970c1 rgb(41,112,193)
```
#317cd3
```
#317cd3 rgb(49,124,211)
```
#468ad8
```
#468ad8 rgb(70,138,216)
```
#5b97dc
```
#5b97dc rgb(91,151,220)
```
#70a4e0
```
#70a4e0 rgb(112,164,224)
```
#85b2e5
```
#85b2e5 rgb(133,178,229)
```
#9abfe9
```
#9abfe9 rgb(154,191,233)
```

Monochromatic Color

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

#5bb7dc
```
#5bb7dc rgb(91,183,220)
```
#5baddc
```
#5baddc rgb(91,173,220)
```
#5ba2dc
```
#5ba2dc rgb(91,162,220)
```
#5b97dc
```
#5b97dc rgb(91,151,220)
```
#5b8cdc
```
#5b8cdc rgb(91,140,220)
```
#5b82dc
```
#5b82dc rgb(91,130,220)
```
#5b77dc
```
#5b77dc rgb(91,119,220)
```

Similar Colors

Text with hexadecimal color #5b97dc

This text has a font color of #5b97dc.

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

#5b97dc background color

This paragraph has a background color of #5b97dc.

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

#5b97dc border color

This element has a border color of #5b97dc.

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

CSS codes

.text {color:#5b97dc;}

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

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

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

#03080e
```
#03080e rgb(3,8,14)
```
#06111e
```
#06111e rgb(6,17,30)
```
#0a1b2e
```
#0a1b2e rgb(10,27,46)
```
#0d243e
```
#0d243e rgb(13,36,62)
```
#112d4e
```
#112d4e rgb(17,45,78)
```
#14375f
```
#14375f rgb(20,55,95)
```
#18406f
```
#18406f rgb(24,64,111)
```
#1b4a7f
```
#1b4a7f rgb(27,74,127)
```
#1f538f
```
#1f538f rgb(31,83,143)
```
#225c9f
```
#225c9f rgb(34,92,159)
```
#2566af
```
#2566af rgb(37,102,175)
```
#296fc0
```
#296fc0 rgb(41,111,192)
```
#2c78d0
```
#2c78d0 rgb(44,120,208)
```

Shade Color Variation

#3b82d5
```
#3b82d5 rgb(59,130,213)
```
#4b8dd9
```
#4b8dd9 rgb(75,141,217)
```
#5b97dc
```
#5b97dc rgb(91,151,220)
```
#6ba1df
```
#6ba1df rgb(107,161,223)
```
#7bace3
```
#7bace3 rgb(123,172,227)
```
#8bb6e6
```
#8bb6e6 rgb(139,182,230)
```
#9cc0ea
```
#9cc0ea rgb(156,192,234)
```
#accaed
```
#accaed rgb(172,202,237)
```
#bcd5f1
```
#bcd5f1 rgb(188,213,241)
```
#ccdff4
```
#ccdff4 rgb(204,223,244)
```
#dce9f8
```
#dce9f8 rgb(220,233,248)
```
#ecf3fb
```
#ecf3fb rgb(236,243,251)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989b9f is the less saturated color, while #3c95fb is the most saturated one.

#989b9f
```
#989b9f rgb(152,155,159)
```
#919ba6
```
#919ba6 rgb(145,155,166)
```
#899aae
```
#899aae rgb(137,154,174)
```
#819ab6
```
#819ab6 rgb(129,154,182)
```
#7a99bd
```
#7a99bd rgb(122,153,189)
```
#7299c5
```
#7299c5 rgb(114,153,197)
```
#6a98cd
```
#6a98cd rgb(106,152,205)
```
#6398d4
```
#6398d4 rgb(99,152,212)
```
#5b97dc
```
#5b97dc rgb(91,151,220)
```
#5396e4
```
#5396e4 rgb(83,150,228)
```
#4c96eb
```
#4c96eb rgb(76,150,235)
```
#4495f3
```
#4495f3 rgb(68,149,243)
```
#3c95fb
```
#3c95fb rgb(60,149,251)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#838f9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8197d9 Protanopia 1% of men
#7598df Deuteranopia 1% of men
#4aa5b1 Tritanopia 0.001% of the population

Trichromacy

#7397da Protanomaly 1% of men, 0.01% of women
#6b98de Deuteranomaly 6% of men, 0.4% of women
#50a0c1 Tritanomaly 0.01% of the population

#5b97dc hex color

#5b97dc Color Information

#5b97dc Color Conversion

Color Schemes with #5b97dc

Alternatives to #5b97dc

#5b97dc Preview

Shades and Tints of #5b97dc

Tones of #5b97dc

Color Blindness Simulator