#5ba0d6 hex color

In a RGB color space, hex #5ba0d6 is composed of 35.7% red, 62.7% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 25.2% magenta, 0% yellow and 16.1% black. It has a hue angle of 206.3 degrees, a saturation of 60% and a lightness of 59.8%. #5ba0d6 color hex could be obtained by blending #b6ffff with #0041ad. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 63
- B 84
RGB color chart
- C 57
- M 25
- Y 0
- K 16
CMYK color chart

● #5ba0d6 color description : Moderate blue.

The hexadecimal color #5ba0d6 has RGB values of R:91, G:160, B:214 and CMYK values of C:0.57, M:0.25, Y:0, K:0.16. Its decimal value is 6004950.

Hex triplet	5ba0d6	`#5ba0d6`
RGB Decimal	91, 160, 214	`rgb(91,160,214)`
RGB Percent	35.7, 62.7, 83.9	`rgb(35.7%,62.7%,83.9%)`
CMYK	57, 25, 0, 16
HSL	206.3°, 60, 59.8	`hsl(206.3,60%,59.8%)`
HSV (or HSB)	206.3°, 57.5, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.523, -6.089, -34.099
XYZ	29.02, 32.219, 68.304
xyY	0.224, 0.249, 32.219
CIE-LCH	63.523, 34.639, 259.875
CIE-LUV	63.523, -29.723, -52.882
Hunter-Lab	56.762, -8.073, -31.613
Binary	01011011, 10100000, 11010110

#5ba0d6
```
#5ba0d6 rgb(91,160,214)
```
#d6915b
```
#d6915b rgb(214,145,91)
```

Complementary Color

#5bd6cf
```
#5bd6cf rgb(91,214,207)
```
#5ba0d6
```
#5ba0d6 rgb(91,160,214)
```
#5b63d6
```
#5b63d6 rgb(91,99,214)
```

Analogous Color

#d6cf5b
```
#d6cf5b rgb(214,207,91)
```
#5ba0d6
```
#5ba0d6 rgb(91,160,214)
```
#d65b63
```
#d65b63 rgb(214,91,99)
```

Split Complementary Color

#a0d65b
```
#a0d65b rgb(160,214,91)
```
#5ba0d6
```
#5ba0d6 rgb(91,160,214)
```
#d65ba0
```
#d65ba0 rgb(214,91,160)
```

Triadic Color

#5bd691
```
#5bd691 rgb(91,214,145)
```
#5ba0d6
```
#5ba0d6 rgb(91,160,214)
```
#d65ba0
```
#d65ba0 rgb(214,91,160)
```
#d6915b
```
#d6915b rgb(214,145,91)
```

Tetradic Color

#2e7bb7
```
#2e7bb7 rgb(46,123,183)
```
#3388cb
```
#3388cb rgb(51,136,203)
```
#4794d1
```
#4794d1 rgb(71,148,209)
```
#5ba0d6
```
#5ba0d6 rgb(91,160,214)
```
#6facdb
```
#6facdb rgb(111,172,219)
```
#84b8e0
```
#84b8e0 rgb(132,184,224)
```
#98c3e5
```
#98c3e5 rgb(152,195,229)
```

Monochromatic Color

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

#5bbfd6
```
#5bbfd6 rgb(91,191,214)
```
#5bb5d6
```
#5bb5d6 rgb(91,181,214)
```
#5baad6
```
#5baad6 rgb(91,170,214)
```
#5ba0d6
```
#5ba0d6 rgb(91,160,214)
```
#5b96d6
```
#5b96d6 rgb(91,150,214)
```
#5b8cd6
```
#5b8cd6 rgb(91,140,214)
```
#5b81d6
```
#5b81d6 rgb(91,129,214)
```

Similar Colors

Text with hexadecimal color #5ba0d6

This text has a font color of #5ba0d6.

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

#5ba0d6 background color

This paragraph has a background color of #5ba0d6.

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

#5ba0d6 border color

This element has a border color of #5ba0d6.

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

CSS codes

.text {color:#5ba0d6;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#061018
```
#061018 rgb(6,16,24)
```
#0a1b28
```
#0a1b28 rgb(10,27,40)
```
#0e2538
```
#0e2538 rgb(14,37,56)
```
#123047
```
#123047 rgb(18,48,71)
```
#163a57
```
#163a57 rgb(22,58,87)
```
#1a4567
```
#1a4567 rgb(26,69,103)
```
#1e4f76
```
#1e4f76 rgb(30,79,118)
```
#225a86
```
#225a86 rgb(34,90,134)
```
#256596
```
#256596 rgb(37,101,150)
```
#296fa6
```
#296fa6 rgb(41,111,166)
```
#2d7ab5
```
#2d7ab5 rgb(45,122,181)
```
#3184c5
```
#3184c5 rgb(49,132,197)
```

Shade Color Variation

#3c8ece
```
#3c8ece rgb(60,142,206)
```
#4b97d2
```
#4b97d2 rgb(75,151,210)
```
#5ba0d6
```
#5ba0d6 rgb(91,160,214)
```
#6ba9da
```
#6ba9da rgb(107,169,218)
```
#7ab2de
```
#7ab2de rgb(122,178,222)
```
#8abbe2
```
#8abbe2 rgb(138,187,226)
```
#9ac4e6
```
#9ac4e6 rgb(154,196,230)
```
#a9cdea
```
#a9cdea rgb(169,205,234)
```
#b9d7ee
```
#b9d7ee rgb(185,215,238)
```
#c9e0f1
```
#c9e0f1 rgb(201,224,241)
```
#d9e9f5
```
#d9e9f5 rgb(217,233,245)
```
#e8f2f9
```
#e8f2f9 rgb(232,242,249)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92999f is the less saturated color, while #34a5fd is the most saturated one.

#92999f
```
#92999f rgb(146,153,159)
```
#8a9aa7
```
#8a9aa7 rgb(138,154,167)
```
#829baf
```
#829baf rgb(130,155,175)
```
#7b9cb6
```
#7b9cb6 rgb(123,156,182)
```
#739dbe
```
#739dbe rgb(115,157,190)
```
#6b9ec6
```
#6b9ec6 rgb(107,158,198)
```
#639fce
```
#639fce rgb(99,159,206)
```
#5ba0d6
```
#5ba0d6 rgb(91,160,214)
```
#53a1de
```
#53a1de rgb(83,161,222)
```
#4ba2e6
```
#4ba2e6 rgb(75,162,230)
```
#43a3ee
```
#43a3ee rgb(67,163,238)
```
#3ba4f6
```
#3ba4f6 rgb(59,164,246)
```
#34a5fd
```
#34a5fd rgb(52,165,253)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8795a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9dd2 Protanopia 1% of men
#879dda Deuteranopia 1% of men
#52abb7 Tritanopia 0.001% of the population

Trichromacy

#7b9ed3 Protanomaly 1% of men, 0.01% of women
#779ed9 Deuteranomaly 6% of men, 0.4% of women
#55a7c2 Tritanomaly 0.01% of the population

#5ba0d6 hex color

#5ba0d6 Color Information

#5ba0d6 Color Conversion

Color Schemes with #5ba0d6

Alternatives to #5ba0d6

#5ba0d6 Preview

Shades and Tints of #5ba0d6

Tones of #5ba0d6

Color Blindness Simulator