#5ba1ca hex color

In a RGB color space, hex #5ba1ca is composed of 35.7% red, 63.1% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 20.3% magenta, 0% yellow and 20.8% black. It has a hue angle of 202.2 degrees, a saturation of 51.2% and a lightness of 57.5%. #5ba1ca color hex could be obtained by blending #b6ffff with #004395. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 63
- B 79
RGB color chart
- C 55
- M 20
- Y 0
- K 21
CMYK color chart

● #5ba1ca color description : Moderate blue.

The hexadecimal color #5ba1ca has RGB values of R:91, G:161, B:202 and CMYK values of C:0.55, M:0.2, Y:0, K:0.21. Its decimal value is 6005194.

Hex triplet	5ba1ca	`#5ba1ca`
RGB Decimal	91, 161, 202	`rgb(91,161,202)`
RGB Percent	35.7, 63.1, 79.2	`rgb(35.7%,63.1%,79.2%)`
CMYK	55, 20, 0, 21
HSL	202.2°, 51.2, 57.5	`hsl(202.2,51.2%,57.5%)`
HSV (or HSB)	202.2°, 55, 79.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.323, -10.342, -27.736
XYZ	27.717, 31.976, 60.585
xyY	0.23, 0.266, 31.976
CIE-LCH	63.323, 29.601, 249.551
CIE-LUV	63.323, -30.421, -41.753
Hunter-Lab	56.548, -11.465, -23.94
Binary	01011011, 10100001, 11001010

#5ba1ca
```
#5ba1ca rgb(91,161,202)
```
#ca845b
```
#ca845b rgb(202,132,91)
```

Complementary Color

#5bcabc
```
#5bcabc rgb(91,202,188)
```
#5ba1ca
```
#5ba1ca rgb(91,161,202)
```
#5b6aca
```
#5b6aca rgb(91,106,202)
```

Analogous Color

#cabc5b
```
#cabc5b rgb(202,188,91)
```
#5ba1ca
```
#5ba1ca rgb(91,161,202)
```
#ca5b6a
```
#ca5b6a rgb(202,91,106)
```

Split Complementary Color

#a1ca5b
```
#a1ca5b rgb(161,202,91)
```
#5ba1ca
```
#5ba1ca rgb(91,161,202)
```
#ca5ba1
```
#ca5ba1 rgb(202,91,161)
```

Triadic Color

#5bca84
```
#5bca84 rgb(91,202,132)
```
#5ba1ca
```
#5ba1ca rgb(91,161,202)
```
#ca5ba1
```
#ca5ba1 rgb(202,91,161)
```
#ca845b
```
#ca845b rgb(202,132,91)
```

Tetradic Color

#357ba4
```
#357ba4 rgb(53,123,164)
```
#3b89b7
```
#3b89b7 rgb(59,137,183)
```
#4896c4
```
#4896c4 rgb(72,150,196)
```
#5ba1ca
```
#5ba1ca rgb(91,161,202)
```
#6eacd0
```
#6eacd0 rgb(110,172,208)
```
#82b7d6
```
#82b7d6 rgb(130,183,214)
```
#95c2dd
```
#95c2dd rgb(149,194,221)
```

Monochromatic Color

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

#5bbdca
```
#5bbdca rgb(91,189,202)
```
#5bb4ca
```
#5bb4ca rgb(91,180,202)
```
#5baaca
```
#5baaca rgb(91,170,202)
```
#5ba1ca
```
#5ba1ca rgb(91,161,202)
```
#5b98ca
```
#5b98ca rgb(91,152,202)
```
#5b8fca
```
#5b8fca rgb(91,143,202)
```
#5b85ca
```
#5b85ca rgb(91,133,202)
```

Similar Colors

Text with hexadecimal color #5ba1ca

This text has a font color of #5ba1ca.

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

#5ba1ca background color

This paragraph has a background color of #5ba1ca.

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

#5ba1ca border color

This element has a border color of #5ba1ca.

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

CSS codes

.text {color:#5ba1ca;}

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

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

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, #040a0e is the darkest color, while #fefeff is the lightest one.

#040a0e
```
#040a0e rgb(4,10,14)
```
#09161d
```
#09161d rgb(9,22,29)
```
#0e212c
```
#0e212c rgb(14,33,44)
```
#132c3a
```
#132c3a rgb(19,44,58)
```
#183749
```
#183749 rgb(24,55,73)
```
#1c4258
```
#1c4258 rgb(28,66,88)
```
#214d67
```
#214d67 rgb(33,77,103)
```
#265876
```
#265876 rgb(38,88,118)
```
#2b6384
```
#2b6384 rgb(43,99,132)
```
#306e93
```
#306e93 rgb(48,110,147)
```
#347aa2
```
#347aa2 rgb(52,122,162)
```
#3985b1
```
#3985b1 rgb(57,133,177)
```
#3e90c0
```
#3e90c0 rgb(62,144,192)
```

Shade Color Variation

#4c99c5
```
#4c99c5 rgb(76,153,197)
```
#5ba1ca
```
#5ba1ca rgb(91,161,202)
```
#6aa9cf
```
#6aa9cf rgb(106,169,207)
```
#79b2d4
```
#79b2d4 rgb(121,178,212)
```
#87bad8
```
#87bad8 rgb(135,186,216)
```
#96c3dd
```
#96c3dd rgb(150,195,221)
```
#a5cbe2
```
#a5cbe2 rgb(165,203,226)
```
#b4d4e7
```
#b4d4e7 rgb(180,212,231)
```
#c3dcec
```
#c3dcec rgb(195,220,236)
```
#d2e5f0
```
#d2e5f0 rgb(210,229,240)
```
#e0edf5
```
#e0edf5 rgb(224,237,245)
```
#eff6fa
```
#eff6fa rgb(239,246,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8d9498
```
#8d9498 rgb(141,148,152)
```
#8596a0
```
#8596a0 rgb(133,150,160)
```
#7c98a9
```
#7c98a9 rgb(124,152,169)
```
#749ab1
```
#749ab1 rgb(116,154,177)
```
#6c9db9
```
#6c9db9 rgb(108,157,185)
```
#639fc2
```
#639fc2 rgb(99,159,194)
```
#5ba1ca
```
#5ba1ca rgb(91,161,202)
```
#53a3d2
```
#53a3d2 rgb(83,163,210)
```
#4aa5db
```
#4aa5db rgb(74,165,219)
```
#42a8e3
```
#42a8e3 rgb(66,168,227)
```
#3aaaeb
```
#3aaaeb rgb(58,170,235)
```
#31acf4
```
#31acf4 rgb(49,172,244)
```
#29aefc
```
#29aefc rgb(41,174,252)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#86949c Atypical Achromatopsia 0.001% of the population

Dichromacy

#939cc6 Protanopia 1% of men
#8f9cd0 Deuteranopia 1% of men
#58aab6 Tritanopia 0.001% of the population

Trichromacy

#7e9ec8 Protanomaly 1% of men, 0.01% of women
#7c9ece Deuteranomaly 6% of men, 0.4% of women
#59a6bd Tritanomaly 0.01% of the population

#5ba1ca hex color

#5ba1ca Color Information

#5ba1ca Color Conversion

Color Schemes with #5ba1ca

Alternatives to #5ba1ca

#5ba1ca Preview

Shades and Tints of #5ba1ca

Tones of #5ba1ca

Color Blindness Simulator