#5ca2b4 hex color

In a RGB color space, hex #5ca2b4 is composed of 36.1% red, 63.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 10% magenta, 0% yellow and 29.4% black. It has a hue angle of 192.3 degrees, a saturation of 37% and a lightness of 53.3%. #5ca2b4 color hex could be obtained by blending #b8ffff with #004569. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 64
- B 71
RGB color chart
- C 49
- M 10
- Y 0
- K 29
CMYK color chart

● #5ca2b4 color description : Slightly desaturated cyan.

The hexadecimal color #5ca2b4 has RGB values of R:92, G:162, B:180 and CMYK values of C:0.49, M:0.1, Y:0, K:0.29. Its decimal value is 6070964.

Hex triplet	5ca2b4	`#5ca2b4`
RGB Decimal	92, 162, 180	`rgb(92,162,180)`
RGB Percent	36.1, 63.5, 70.6	`rgb(36.1%,63.5%,70.6%)`
CMYK	49, 10, 0, 29
HSL	192.3°, 37, 53.3	`hsl(192.3,37%,53.3%)`
HSV (or HSB)	192.3°, 48.9, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.852, -17.103, -16.15
XYZ	25.57, 31.41, 47.893
xyY	0.244, 0.3, 31.41
CIE-LCH	62.852, 23.523, 223.357
CIE-LUV	62.852, -31.151, -21.987
Hunter-Lab	56.044, -16.638, -11.435
Binary	01011100, 10100010, 10110100

#5ca2b4
```
#5ca2b4 rgb(92,162,180)
```
#b46e5c
```
#b46e5c rgb(180,110,92)
```

Complementary Color

#5cb49a
```
#5cb49a rgb(92,180,154)
```
#5ca2b4
```
#5ca2b4 rgb(92,162,180)
```
#5c76b4
```
#5c76b4 rgb(92,118,180)
```

Analogous Color

#b49a5c
```
#b49a5c rgb(180,154,92)
```
#5ca2b4
```
#5ca2b4 rgb(92,162,180)
```
#b45c76
```
#b45c76 rgb(180,92,118)
```

Split Complementary Color

#a2b45c
```
#a2b45c rgb(162,180,92)
```
#5ca2b4
```
#5ca2b4 rgb(92,162,180)
```
#b45ca2
```
#b45ca2 rgb(180,92,162)
```

Triadic Color

#5cb46e
```
#5cb46e rgb(92,180,110)
```
#5ca2b4
```
#5ca2b4 rgb(92,162,180)
```
#b45ca2
```
#b45ca2 rgb(180,92,162)
```
#b46e5c
```
#b46e5c rgb(180,110,92)
```

Tetradic Color

#3e7786
```
#3e7786 rgb(62,119,134)
```
#468797
```
#468797 rgb(70,135,151)
```
#4e96a9
```
#4e96a9 rgb(78,150,169)
```
#5ca2b4
```
#5ca2b4 rgb(92,162,180)
```
#6dacbc
```
#6dacbc rgb(109,172,188)
```
#7fb6c4
```
#7fb6c4 rgb(127,182,196)
```
#90c0cc
```
#90c0cc rgb(144,192,204)
```

Monochromatic Color

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

#5cb4b0
```
#5cb4b0 rgb(92,180,176)
```
#5cb1b4
```
#5cb1b4 rgb(92,177,180)
```
#5ca9b4
```
#5ca9b4 rgb(92,169,180)
```
#5ca2b4
```
#5ca2b4 rgb(92,162,180)
```
#5c9bb4
```
#5c9bb4 rgb(92,155,180)
```
#5c93b4
```
#5c93b4 rgb(92,147,180)
```
#5c8cb4
```
#5c8cb4 rgb(92,140,180)
```

Similar Colors

Text with hexadecimal color #5ca2b4

This text has a font color of #5ca2b4.

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

#5ca2b4 background color

This paragraph has a background color of #5ca2b4.

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

#5ca2b4 border color

This element has a border color of #5ca2b4.

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

CSS codes

.text {color:#5ca2b4;}

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

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

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

#050a0c
```
#050a0c rgb(5,10,12)
```
#0c1619
```
#0c1619 rgb(12,22,25)
```
#122227
```
#122227 rgb(18,34,39)
```
#182e34
```
#182e34 rgb(24,46,52)
```
#1e3a41
```
#1e3a41 rgb(30,58,65)
```
#24464f
```
#24464f rgb(36,70,79)
```
#2a525c
```
#2a525c rgb(42,82,92)
```
#315e6a
```
#315e6a rgb(49,94,106)
```
#376a77
```
#376a77 rgb(55,106,119)
```
#3d7685
```
#3d7685 rgb(61,118,133)
```
#438292
```
#438292 rgb(67,130,146)
```
#498e9f
```
#498e9f rgb(73,142,159)
```
#509aad
```
#509aad rgb(80,154,173)
```

Shade Color Variation

#5ca2b4
```
#5ca2b4 rgb(92,162,180)
```
#69aaba
```
#69aaba rgb(105,170,186)
```
#77b1c0
```
#77b1c0 rgb(119,177,192)
```
#84b9c7
```
#84b9c7 rgb(132,185,199)
```
#92c1cd
```
#92c1cd rgb(146,193,205)
```
#9fc8d3
```
#9fc8d3 rgb(159,200,211)
```
#add0d9
```
#add0d9 rgb(173,208,217)
```
#bad8df
```
#bad8df rgb(186,216,223)
```
#c7dfe5
```
#c7dfe5 rgb(199,223,229)
```
#d5e7ec
```
#d5e7ec rgb(213,231,236)
```
#e2eff2
```
#e2eff2 rgb(226,239,242)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818c8f is the less saturated color, while #13cdfd is the most saturated one.

#818c8f
```
#818c8f rgb(129,140,143)
```
#779299
```
#779299 rgb(119,146,153)
```
#6e97a2
```
#6e97a2 rgb(110,151,162)
```
#659dab
```
#659dab rgb(101,157,171)
```
#5ca2b4
```
#5ca2b4 rgb(92,162,180)
```
#53a7bd
```
#53a7bd rgb(83,167,189)
```
#4aadc6
```
#4aadc6 rgb(74,173,198)
```
#41b2cf
```
#41b2cf rgb(65,178,207)
```
#37b8d9
```
#37b8d9 rgb(55,184,217)
```
#2ebde2
```
#2ebde2 rgb(46,189,226)
```
#25c2eb
```
#25c2eb rgb(37,194,235)
```
#1cc8f4
```
#1cc8f4 rgb(28,200,244)
```
#13cdfd
```
#13cdfd rgb(19,205,253)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#859396 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999cb1 Protanopia 1% of men
#9b9abc Deuteranopia 1% of men
#62a7b3 Tritanopia 0.001% of the population

Trichromacy

#839eb2 Protanomaly 1% of men, 0.01% of women
#849db9 Deuteranomaly 6% of men, 0.4% of women
#60a5b3 Tritanomaly 0.01% of the population

#5ca2b4 hex color

#5ca2b4 Color Information

#5ca2b4 Color Conversion

Color Schemes with #5ca2b4

Alternatives to #5ca2b4

#5ca2b4 Preview

Shades and Tints of #5ca2b4

Tones of #5ca2b4

Color Blindness Simulator