#5ca7cc hex color

In a RGB color space, hex #5ca7cc is composed of 36.1% red, 65.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 18.1% magenta, 0% yellow and 20% black. It has a hue angle of 199.8 degrees, a saturation of 52.3% and a lightness of 58%. #5ca7cc color hex could be obtained by blending #b8ffff with #004f99. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 65
- B 80
RGB color chart
- C 55
- M 18
- Y 0
- K 20
CMYK color chart

● #5ca7cc color description : Moderate blue.

The hexadecimal color #5ca7cc has RGB values of R:92, G:167, B:204 and CMYK values of C:0.55, M:0.18, Y:0, K:0.2. Its decimal value is 6072268.

Hex triplet	5ca7cc	`#5ca7cc`
RGB Decimal	92, 167, 204	`rgb(92,167,204)`
RGB Percent	36.1, 65.5, 80	`rgb(36.1%,65.5%,80%)`
CMYK	55, 18, 0, 20
HSL	199.8°, 52.3, 58	`hsl(199.8,52.3%,58%)`
HSV (or HSB)	199.8°, 54.9, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.177, -12.795, -25.992
XYZ	29.129, 34.27, 62.203
xyY	0.232, 0.273, 34.27
CIE-LCH	65.177, 28.97, 243.79
CIE-LUV	65.177, -32.355, -38.726
Hunter-Lab	58.541, -13.629, -22.02
Binary	01011100, 10100111, 11001100

#5ca7cc
```
#5ca7cc rgb(92,167,204)
```
#cc815c
```
#cc815c rgb(204,129,92)
```

Complementary Color

#5cccb9
```
#5cccb9 rgb(92,204,185)
```
#5ca7cc
```
#5ca7cc rgb(92,167,204)
```
#5c6fcc
```
#5c6fcc rgb(92,111,204)
```

Analogous Color

#ccb95c
```
#ccb95c rgb(204,185,92)
```
#5ca7cc
```
#5ca7cc rgb(92,167,204)
```
#cc5c6f
```
#cc5c6f rgb(204,92,111)
```

Split Complementary Color

#a7cc5c
```
#a7cc5c rgb(167,204,92)
```
#5ca7cc
```
#5ca7cc rgb(92,167,204)
```
#cc5ca7
```
#cc5ca7 rgb(204,92,167)
```

Triadic Color

#5ccc81
```
#5ccc81 rgb(92,204,129)
```
#5ca7cc
```
#5ca7cc rgb(92,167,204)
```
#cc5ca7
```
#cc5ca7 rgb(204,92,167)
```
#cc815c
```
#cc815c rgb(204,129,92)
```

Tetradic Color

#3481a7
```
#3481a7 rgb(52,129,167)
```
#3a90bb
```
#3a90bb rgb(58,144,187)
```
#499dc6
```
#499dc6 rgb(73,157,198)
```
#5ca7cc
```
#5ca7cc rgb(92,167,204)
```
#6fb1d2
```
#6fb1d2 rgb(111,177,210)
```
#83bcd8
```
#83bcd8 rgb(131,188,216)
```
#96c6de
```
#96c6de rgb(150,198,222)
```

Monochromatic Color

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

#5cc3cc
```
#5cc3cc rgb(92,195,204)
```
#5cbacc
```
#5cbacc rgb(92,186,204)
```
#5cb0cc
```
#5cb0cc rgb(92,176,204)
```
#5ca7cc
```
#5ca7cc rgb(92,167,204)
```
#5c9ecc
```
#5c9ecc rgb(92,158,204)
```
#5c94cc
```
#5c94cc rgb(92,148,204)
```
#5c8bcc
```
#5c8bcc rgb(92,139,204)
```

Similar Colors

Text with hexadecimal color #5ca7cc

This text has a font color of #5ca7cc.

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

#5ca7cc background color

This paragraph has a background color of #5ca7cc.

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

#5ca7cc border color

This element has a border color of #5ca7cc.

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

CSS codes

.text {color:#5ca7cc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050d10
```
#050d10 rgb(5,13,16)
```
#0a181f
```
#0a181f rgb(10,24,31)
```
#0e242e
```
#0e242e rgb(14,36,46)
```
#132f3d
```
#132f3d rgb(19,47,61)
```
#183b4c
```
#183b4c rgb(24,59,76)
```
#1c465b
```
#1c465b rgb(28,70,91)
```
#21526a
```
#21526a rgb(33,82,106)
```
#265d79
```
#265d79 rgb(38,93,121)
```
#2a6988
```
#2a6988 rgb(42,105,136)
```
#2f7597
```
#2f7597 rgb(47,117,151)
```
#3480a6
```
#3480a6 rgb(52,128,166)
```
#398cb5
```
#398cb5 rgb(57,140,181)
```

Shade Color Variation

#3e97c3
```
#3e97c3 rgb(62,151,195)
```
#4d9fc7
```
#4d9fc7 rgb(77,159,199)
```
#5ca7cc
```
#5ca7cc rgb(92,167,204)
```
#6bafd1
```
#6bafd1 rgb(107,175,209)
```
#7ab7d5
```
#7ab7d5 rgb(122,183,213)
```
#89bfda
```
#89bfda rgb(137,191,218)
```
#98c7df
```
#98c7df rgb(152,199,223)
```
#a7cfe3
```
#a7cfe3 rgb(167,207,227)
```
#b6d7e8
```
#b6d7e8 rgb(182,215,232)
```
#c5dfed
```
#c5dfed rgb(197,223,237)
```
#d4e8f1
```
#d4e8f1 rgb(212,232,241)
```
#e2f0f6
```
#e2f0f6 rgb(226,240,246)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

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

#8d969b
```
#8d969b rgb(141,150,155)
```
#8599a3
```
#8599a3 rgb(133,153,163)
```
#7d9cab
```
#7d9cab rgb(125,156,171)
```
#759fb3
```
#759fb3 rgb(117,159,179)
```
#6ca1bc
```
#6ca1bc rgb(108,161,188)
```
#64a4c4
```
#64a4c4 rgb(100,164,196)
```
#5ca7cc
```
#5ca7cc rgb(92,167,204)
```
#54aad4
```
#54aad4 rgb(84,170,212)
```
#4caddc
```
#4caddc rgb(76,173,220)
```
#43afe5
```
#43afe5 rgb(67,175,229)
```
#3bb2ed
```
#3bb2ed rgb(59,178,237)
```
#33b5f5
```
#33b5f5 rgb(51,181,245)
```
#2bb8fd
```
#2bb8fd rgb(43,184,253)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8a99a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a1c8 Protanopia 1% of men
#96a0d2 Deuteranopia 1% of men
#5bafbb Tritanopia 0.001% of the population

Trichromacy

#82a3c9 Protanomaly 1% of men, 0.01% of women
#81a3d0 Deuteranomaly 6% of men, 0.4% of women
#5bacc1 Tritanomaly 0.01% of the population

#5ca7cc hex color

#5ca7cc Color Information

#5ca7cc Color Conversion

Color Schemes with #5ca7cc

Alternatives to #5ca7cc

#5ca7cc Preview

Shades and Tints of #5ca7cc

Tones of #5ca7cc

Color Blindness Simulator