#5ca6bd hex color

In a RGB color space, hex #5ca6bd is composed of 36.1% red, 65.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 51.3% cyan, 12.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 194.2 degrees, a saturation of 42.4% and a lightness of 55.1%. #5ca6bd color hex could be obtained by blending #b8ffff with #004d7b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 65
- B 74
RGB color chart
- C 51
- M 12
- Y 0
- K 26
CMYK color chart

● #5ca6bd color description : Moderate cyan.

The hexadecimal color #5ca6bd has RGB values of R:92, G:166, B:189 and CMYK values of C:0.51, M:0.12, Y:0, K:0.26. Its decimal value is 6071997.

Hex triplet	5ca6bd	`#5ca6bd`
RGB Decimal	92, 166, 189	`rgb(92,166,189)`
RGB Percent	36.1, 65.1, 74.1	`rgb(36.1%,65.1%,74.1%)`
CMYK	51, 12, 0, 26
HSL	194.2°, 42.4, 55.1	`hsl(194.2,42.4%,55.1%)`
HSV (or HSB)	194.2°, 51.3, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.339, -16.662, -18.928
XYZ	27.233, 33.22, 53.118
xyY	0.24, 0.293, 33.22
CIE-LCH	64.339, 25.217, 228.644
CIE-LUV	64.339, -32.445, -26.595
Hunter-Lab	57.637, -16.525, -14.296
Binary	01011100, 10100110, 10111101

#5ca6bd
```
#5ca6bd rgb(92,166,189)
```
#bd735c
```
#bd735c rgb(189,115,92)
```

Complementary Color

#5cbda4
```
#5cbda4 rgb(92,189,164)
```
#5ca6bd
```
#5ca6bd rgb(92,166,189)
```
#5c76bd
```
#5c76bd rgb(92,118,189)
```

Analogous Color

#bda45c
```
#bda45c rgb(189,164,92)
```
#5ca6bd
```
#5ca6bd rgb(92,166,189)
```
#bd5c76
```
#bd5c76 rgb(189,92,118)
```

Split Complementary Color

#a6bd5c
```
#a6bd5c rgb(166,189,92)
```
#5ca6bd
```
#5ca6bd rgb(92,166,189)
```
#bd5ca6
```
#bd5ca6 rgb(189,92,166)
```

Triadic Color

#5cbd73
```
#5cbd73 rgb(92,189,115)
```
#5ca6bd
```
#5ca6bd rgb(92,166,189)
```
#bd5ca6
```
#bd5ca6 rgb(189,92,166)
```
#bd735c
```
#bd735c rgb(189,115,92)
```

Tetradic Color

#3b7d92
```
#3b7d92 rgb(59,125,146)
```
#428da4
```
#428da4 rgb(66,141,164)
```
#4a9cb6
```
#4a9cb6 rgb(74,156,182)
```
#5ca6bd
```
#5ca6bd rgb(92,166,189)
```
#6eb0c4
```
#6eb0c4 rgb(110,176,196)
```
#80bacc
```
#80bacc rgb(128,186,204)
```
#92c4d3
```
#92c4d3 rgb(146,196,211)
```

Monochromatic Color

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

#5cbdbc
```
#5cbdbc rgb(92,189,188)
```
#5cb6bd
```
#5cb6bd rgb(92,182,189)
```
#5caebd
```
#5caebd rgb(92,174,189)
```
#5ca6bd
```
#5ca6bd rgb(92,166,189)
```
#5c9ebd
```
#5c9ebd rgb(92,158,189)
```
#5c96bd
```
#5c96bd rgb(92,150,189)
```
#5c8ebd
```
#5c8ebd rgb(92,142,189)
```

Similar Colors

Text with hexadecimal color #5ca6bd

This text has a font color of #5ca6bd.

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

#5ca6bd background color

This paragraph has a background color of #5ca6bd.

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

#5ca6bd border color

This element has a border color of #5ca6bd.

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

CSS codes

.text {color:#5ca6bd;}

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

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

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 #f6fafb is the lightest one.

#020405
```
#020405 rgb(2,4,5)
```
#071013
```
#071013 rgb(7,16,19)
```
#0d1c20
```
#0d1c20 rgb(13,28,32)
```
#13282e
```
#13282e rgb(19,40,46)
```
#18343c
```
#18343c rgb(24,52,60)
```
#1e404a
```
#1e404a rgb(30,64,74)
```
#244c58
```
#244c58 rgb(36,76,88)
```
#295866
```
#295866 rgb(41,88,102)
```
#2f6474
```
#2f6474 rgb(47,100,116)
```
#357082
```
#357082 rgb(53,112,130)
```
#3a7c90
```
#3a7c90 rgb(58,124,144)
```
#40889e
```
#40889e rgb(64,136,158)
```
#4694ac
```
#4694ac rgb(70,148,172)
```

Shade Color Variation

#4e9eb7
```
#4e9eb7 rgb(78,158,183)
```
#5ca6bd
```
#5ca6bd rgb(92,166,189)
```
#6aaec3
```
#6aaec3 rgb(106,174,195)
```
#78b5c8
```
#78b5c8 rgb(120,181,200)
```
#86bdce
```
#86bdce rgb(134,189,206)
```
#94c4d4
```
#94c4d4 rgb(148,196,212)
```
#a2ccd9
```
#a2ccd9 rgb(162,204,217)
```
#b0d4df
```
#b0d4df rgb(176,212,223)
```
#bedbe5
```
#bedbe5 rgb(190,219,229)
```
#cce3ea
```
#cce3ea rgb(204,227,234)
```
#daebf0
```
#daebf0 rgb(218,235,240)
```
#e8f2f6
```
#e8f2f6 rgb(232,242,246)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#888f91
```
#888f91 rgb(136,143,145)
```
#7f939a
```
#7f939a rgb(127,147,154)
```
#7698a3
```
#7698a3 rgb(118,152,163)
```
#6e9dab
```
#6e9dab rgb(110,157,171)
```
#65a1b4
```
#65a1b4 rgb(101,161,180)
```
#5ca6bd
```
#5ca6bd rgb(92,166,189)
```
#53abc6
```
#53abc6 rgb(83,171,198)
```
#4aafcf
```
#4aafcf rgb(74,175,207)
```
#42b4d7
```
#42b4d7 rgb(66,180,215)
```
#39b9e0
```
#39b9e0 rgb(57,185,224)
```
#30bde9
```
#30bde9 rgb(48,189,233)
```
#27c2f2
```
#27c2f2 rgb(39,194,242)
```
#1ec6fb
```
#1ec6fb rgb(30,198,251)
```

Tone Color Variation

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

Dichromacy

#9b9fb9 Protanopia 1% of men
#9c9ec5 Deuteranopia 1% of men
#61acb8 Tritanopia 0.001% of the population

Trichromacy

#84a2ba Protanomaly 1% of men, 0.01% of women
#85a1c2 Deuteranomaly 6% of men, 0.4% of women
#5fa9ba Tritanomaly 0.01% of the population

#5ca6bd hex color

#5ca6bd Color Information

#5ca6bd Color Conversion

Color Schemes with #5ca6bd

Alternatives to #5ca6bd

#5ca6bd Preview

Shades and Tints of #5ca6bd

Tones of #5ca6bd

Color Blindness Simulator