#5ba4c3 hex color

In a RGB color space, hex #5ba4c3 is composed of 35.7% red, 64.3% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 15.9% magenta, 0% yellow and 23.5% black. It has a hue angle of 197.9 degrees, a saturation of 46.4% and a lightness of 56.1%. #5ba4c3 color hex could be obtained by blending #b6ffff with #004987. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 64
- B 76
RGB color chart
- C 53
- M 16
- Y 0
- K 24
CMYK color chart

● #5ba4c3 color description : Moderate blue.

The hexadecimal color #5ba4c3 has RGB values of R:91, G:164, B:195 and CMYK values of C:0.53, M:0.16, Y:0, K:0.24. Its decimal value is 6005955.

Hex triplet	5ba4c3	`#5ba4c3`
RGB Decimal	91, 164, 195	`rgb(91,164,195)`
RGB Percent	35.7, 64.3, 76.5	`rgb(35.7%,64.3%,76.5%)`
CMYK	53, 16, 0, 24
HSL	197.9°, 46.4, 56.1	`hsl(197.9,46.4%,56.1%)`
HSV (or HSB)	197.9°, 53.3, 76.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.928, -14.068, -22.904
XYZ	27.438, 32.713, 56.495
xyY	0.235, 0.28, 32.713
CIE-LCH	63.928, 26.88, 238.442
CIE-LUV	63.928, -31.773, -33.38
Hunter-Lab	57.196, -14.463, -18.527
Binary	01011011, 10100100, 11000011

#5ba4c3
```
#5ba4c3 rgb(91,164,195)
```
#c37a5b
```
#c37a5b rgb(195,122,91)
```

Complementary Color

#5bc3ae
```
#5bc3ae rgb(91,195,174)
```
#5ba4c3
```
#5ba4c3 rgb(91,164,195)
```
#5b70c3
```
#5b70c3 rgb(91,112,195)
```

Analogous Color

#c3ae5b
```
#c3ae5b rgb(195,174,91)
```
#5ba4c3
```
#5ba4c3 rgb(91,164,195)
```
#c35b70
```
#c35b70 rgb(195,91,112)
```

Split Complementary Color

#a4c35b
```
#a4c35b rgb(164,195,91)
```
#5ba4c3
```
#5ba4c3 rgb(91,164,195)
```
#c35ba4
```
#c35ba4 rgb(195,91,164)
```

Triadic Color

#5bc37a
```
#5bc37a rgb(91,195,122)
```
#5ba4c3
```
#5ba4c3 rgb(91,164,195)
```
#c35ba4
```
#c35ba4 rgb(195,91,164)
```
#c37a5b
```
#c37a5b rgb(195,122,91)
```

Tetradic Color

#387c99
```
#387c99 rgb(56,124,153)
```
#3f8cac
```
#3f8cac rgb(63,140,172)
```
#489abc
```
#489abc rgb(72,154,188)
```
#5ba4c3
```
#5ba4c3 rgb(91,164,195)
```
#6eaeca
```
#6eaeca rgb(110,174,202)
```
#80b9d1
```
#80b9d1 rgb(128,185,209)
```
#93c3d7
```
#93c3d7 rgb(147,195,215)
```

Monochromatic Color

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

#5bbec3
```
#5bbec3 rgb(91,190,195)
```
#5bb5c3
```
#5bb5c3 rgb(91,181,195)
```
#5badc3
```
#5badc3 rgb(91,173,195)
```
#5ba4c3
```
#5ba4c3 rgb(91,164,195)
```
#5b9bc3
```
#5b9bc3 rgb(91,155,195)
```
#5b93c3
```
#5b93c3 rgb(91,147,195)
```
#5b8ac3
```
#5b8ac3 rgb(91,138,195)
```

Similar Colors

Text with hexadecimal color #5ba4c3

This text has a font color of #5ba4c3.

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

#5ba4c3 background color

This paragraph has a background color of #5ba4c3.

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

#5ba4c3 border color

This element has a border color of #5ba4c3.

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

CSS codes

.text {color:#5ba4c3;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#081217
```
#081217 rgb(8,18,23)
```
#0e1e25
```
#0e1e25 rgb(14,30,37)
```
#132a33
```
#132a33 rgb(19,42,51)
```
#183542
```
#183542 rgb(24,53,66)
```
#1d4150
```
#1d4150 rgb(29,65,80)
```
#234d5f
```
#234d5f rgb(35,77,95)
```
#28586d
```
#28586d rgb(40,88,109)
```
#2d647b
```
#2d647b rgb(45,100,123)
```
#32708a
```
#32708a rgb(50,112,138)
```
#387b98
```
#387b98 rgb(56,123,152)
```
#3d87a6
```
#3d87a6 rgb(61,135,166)
```
#4293b5
```
#4293b5 rgb(66,147,181)
```

Shade Color Variation

#4d9cbe
```
#4d9cbe rgb(77,156,190)
```
#5ba4c3
```
#5ba4c3 rgb(91,164,195)
```
#69acc8
```
#69acc8 rgb(105,172,200)
```
#78b4ce
```
#78b4ce rgb(120,180,206)
```
#86bcd3
```
#86bcd3 rgb(134,188,211)
```
#94c4d8
```
#94c4d8 rgb(148,196,216)
```
#a3ccdd
```
#a3ccdd rgb(163,204,221)
```
#b1d4e3
```
#b1d4e3 rgb(177,212,227)
```
#c0dce8
```
#c0dce8 rgb(192,220,232)
```
#cee4ed
```
#cee4ed rgb(206,228,237)
```
#dcecf2
```
#dcecf2 rgb(220,236,242)
```
#ebf4f8
```
#ebf4f8 rgb(235,244,248)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#8f8f8f
```
#8f8f8f rgb(143,143,143)
```
#869398
```
#869398 rgb(134,147,152)
```
#7d96a1
```
#7d96a1 rgb(125,150,161)
```
#759aa9
```
#759aa9 rgb(117,154,169)
```
#6c9db2
```
#6c9db2 rgb(108,157,178)
```
#64a1ba
```
#64a1ba rgb(100,161,186)
```
#5ba4c3
```
#5ba4c3 rgb(91,164,195)
```
#52a7cc
```
#52a7cc rgb(82,167,204)
```
#4aabd4
```
#4aabd4 rgb(74,171,212)
```
#41aedd
```
#41aedd rgb(65,174,221)
```
#39b2e5
```
#39b2e5 rgb(57,178,229)
```
#30b5ee
```
#30b5ee rgb(48,181,238)
```
#27b9f7
```
#27b9f7 rgb(39,185,247)
```

Tone Color Variation

Below, you can see how #5ba4c3 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
#87969c Atypical Achromatopsia 0.001% of the population

Dichromacy

#989ebf Protanopia 1% of men
#979dca Deuteranopia 1% of men
#5cabb7 Tritanopia 0.001% of the population

Trichromacy

#81a0c0 Protanomaly 1% of men, 0.01% of women
#819fc7 Deuteranomaly 6% of men, 0.4% of women
#5ca8bb Tritanomaly 0.01% of the population

#5ba4c3 hex color

#5ba4c3 Color Information

#5ba4c3 Color Conversion

Color Schemes with #5ba4c3

Alternatives to #5ba4c3

#5ba4c3 Preview

Shades and Tints of #5ba4c3

Tones of #5ba4c3

Color Blindness Simulator