#5ca2be hex color

In a RGB color space, hex #5ca2be is composed of 36.1% red, 63.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 14.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 197.1 degrees, a saturation of 43% and a lightness of 55.3%. #5ca2be color hex could be obtained by blending #b8ffff with #00457d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 64
- B 75
RGB color chart
- C 52
- M 15
- Y 0
- K 25
CMYK color chart

● #5ca2be color description : Moderate blue.

The hexadecimal color #5ca2be has RGB values of R:92, G:162, B:190 and CMYK values of C:0.52, M:0.15, Y:0, K:0.25. Its decimal value is 6070974.

Hex triplet	5ca2be	`#5ca2be`
RGB Decimal	92, 162, 190	`rgb(92,162,190)`
RGB Percent	36.1, 63.5, 74.5	`rgb(36.1%,63.5%,74.5%)`
CMYK	52, 15, 0, 25
HSL	197.1°, 43, 55.3	`hsl(197.1,43%,55.3%)`
HSV (or HSB)	197.1°, 51.6, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.204, -14.237, -21.216
XYZ	26.626, 31.832, 53.453
xyY	0.238, 0.284, 31.832
CIE-LCH	63.204, 25.55, 236.136
CIE-LUV	63.204, -30.858, -30.55
Hunter-Lab	56.42, -14.496, -16.679
Binary	01011100, 10100010, 10111110

#5ca2be
```
#5ca2be rgb(92,162,190)
```
#be785c
```
#be785c rgb(190,120,92)
```

Complementary Color

#5cbea9
```
#5cbea9 rgb(92,190,169)
```
#5ca2be
```
#5ca2be rgb(92,162,190)
```
#5c71be
```
#5c71be rgb(92,113,190)
```

Analogous Color

#bea95c
```
#bea95c rgb(190,169,92)
```
#5ca2be
```
#5ca2be rgb(92,162,190)
```
#be5c71
```
#be5c71 rgb(190,92,113)
```

Split Complementary Color

#a2be5c
```
#a2be5c rgb(162,190,92)
```
#5ca2be
```
#5ca2be rgb(92,162,190)
```
#be5ca2
```
#be5ca2 rgb(190,92,162)
```

Triadic Color

#5cbe78
```
#5cbe78 rgb(92,190,120)
```
#5ca2be
```
#5ca2be rgb(92,162,190)
```
#be5ca2
```
#be5ca2 rgb(190,92,162)
```
#be785c
```
#be785c rgb(190,120,92)
```

Tetradic Color

#3b7a93
```
#3b7a93 rgb(59,122,147)
```
#4289a5
```
#4289a5 rgb(66,137,165)
```
#4a98b7
```
#4a98b7 rgb(74,152,183)
```
#5ca2be
```
#5ca2be rgb(92,162,190)
```
#6eacc5
```
#6eacc5 rgb(110,172,197)
```
#80b7cd
```
#80b7cd rgb(128,183,205)
```
#93c1d4
```
#93c1d4 rgb(147,193,212)
```

Monochromatic Color

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

#5cbbbe
```
#5cbbbe rgb(92,187,190)
```
#5cb2be
```
#5cb2be rgb(92,178,190)
```
#5caabe
```
#5caabe rgb(92,170,190)
```
#5ca2be
```
#5ca2be rgb(92,162,190)
```
#5c9abe
```
#5c9abe rgb(92,154,190)
```
#5c92be
```
#5c92be rgb(92,146,190)
```
#5c8abe
```
#5c8abe rgb(92,138,190)
```

Similar Colors

Text with hexadecimal color #5ca2be

This text has a font color of #5ca2be.

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

#5ca2be background color

This paragraph has a background color of #5ca2be.

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

#5ca2be border color

This element has a border color of #5ca2be.

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

CSS codes

.text {color:#5ca2be;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#081013
```
#081013 rgb(8,16,19)
```
#0d1c21
```
#0d1c21 rgb(13,28,33)
```
#13272f
```
#13272f rgb(19,39,47)
```
#18333d
```
#18333d rgb(24,51,61)
```
#1e3e4b
```
#1e3e4b rgb(30,62,75)
```
#244a59
```
#244a59 rgb(36,74,89)
```
#295667
```
#295667 rgb(41,86,103)
```
#2f6175
```
#2f6175 rgb(47,97,117)
```
#346d83
```
#346d83 rgb(52,109,131)
```
#3a7992
```
#3a7992 rgb(58,121,146)
```
#4084a0
```
#4084a0 rgb(64,132,160)
```
#4590ae
```
#4590ae rgb(69,144,174)
```

Shade Color Variation

#4e9ab8
```
#4e9ab8 rgb(78,154,184)
```
#5ca2be
```
#5ca2be rgb(92,162,190)
```
#6aaac4
```
#6aaac4 rgb(106,170,196)
```
#78b2c9
```
#78b2c9 rgb(120,178,201)
```
#86bacf
```
#86bacf rgb(134,186,207)
```
#94c2d4
```
#94c2d4 rgb(148,194,212)
```
#a2cada
```
#a2cada rgb(162,202,218)
```
#b0d2e0
```
#b0d2e0 rgb(176,210,224)
```
#bedae5
```
#bedae5 rgb(190,218,229)
```
#cce2eb
```
#cce2eb rgb(204,226,235)
```
#daeaf0
```
#daeaf0 rgb(218,234,240)
```
#e8f2f6
```
#e8f2f6 rgb(232,242,246)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

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

#888f92
```
#888f92 rgb(136,143,146)
```
#7f939b
```
#7f939b rgb(127,147,155)
```
#7697a4
```
#7697a4 rgb(118,151,164)
```
#6e9aac
```
#6e9aac rgb(110,154,172)
```
#659eb5
```
#659eb5 rgb(101,158,181)
```
#5ca2be
```
#5ca2be rgb(92,162,190)
```
#53a6c7
```
#53a6c7 rgb(83,166,199)
```
#4aaad0
```
#4aaad0 rgb(74,170,208)
```
#42add8
```
#42add8 rgb(66,173,216)
```
#39b1e1
```
#39b1e1 rgb(57,177,225)
```
#30b5ea
```
#30b5ea rgb(48,181,234)
```
#27b9f3
```
#27b9f3 rgb(39,185,243)
```
#1fbcfb
```
#1fbcfb rgb(31,188,251)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#869499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#979cbb Protanopia 1% of men
#979bc5 Deuteranopia 1% of men
#5fa9b5 Tritanopia 0.001% of the population

Trichromacy

#819ebc Protanomaly 1% of men, 0.01% of women
#819dc2 Deuteranomaly 6% of men, 0.4% of women
#5ea6b8 Tritanomaly 0.01% of the population

#5ca2be hex color

#5ca2be Color Information

#5ca2be Color Conversion

Color Schemes with #5ca2be

Alternatives to #5ca2be

#5ca2be Preview

Shades and Tints of #5ca2be

Tones of #5ca2be

Color Blindness Simulator