#5ca1be hex color

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

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

● #5ca1be color description : Moderate blue.

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

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

CIE-LAB	62.912, -13.698, -21.662
XYZ	26.45, 31.481, 53.395
xyY	0.238, 0.283, 31.481
CIE-LCH	62.912, 25.629, 237.692
CIE-LUV	62.912, -30.469, -31.324
Hunter-Lab	56.108, -14.041, -17.147
Binary	01011100, 10100001, 10111110

#5ca1be
```
#5ca1be rgb(92,161,190)
```
#be795c
```
#be795c rgb(190,121,92)
```

Complementary Color

#5cbeaa
```
#5cbeaa rgb(92,190,170)
```
#5ca1be
```
#5ca1be rgb(92,161,190)
```
#5c70be
```
#5c70be rgb(92,112,190)
```

Analogous Color

#beaa5c
```
#beaa5c rgb(190,170,92)
```
#5ca1be
```
#5ca1be rgb(92,161,190)
```
#be5c70
```
#be5c70 rgb(190,92,112)
```

Split Complementary Color

#a1be5c
```
#a1be5c rgb(161,190,92)
```
#5ca1be
```
#5ca1be rgb(92,161,190)
```
#be5ca1
```
#be5ca1 rgb(190,92,161)
```

Triadic Color

#5cbe79
```
#5cbe79 rgb(92,190,121)
```
#5ca1be
```
#5ca1be rgb(92,161,190)
```
#be5ca1
```
#be5ca1 rgb(190,92,161)
```
#be795c
```
#be795c rgb(190,121,92)
```

Tetradic Color

#3b7993
```
#3b7993 rgb(59,121,147)
```
#4288a5
```
#4288a5 rgb(66,136,165)
```
#4a96b7
```
#4a96b7 rgb(74,150,183)
```
#5ca1be
```
#5ca1be rgb(92,161,190)
```
#6eacc5
```
#6eacc5 rgb(110,172,197)
```
#80b6cd
```
#80b6cd rgb(128,182,205)
```
#93c1d4
```
#93c1d4 rgb(147,193,212)
```

Monochromatic Color

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

#5cbabe
```
#5cbabe rgb(92,186,190)
```
#5cb1be
```
#5cb1be rgb(92,177,190)
```
#5ca9be
```
#5ca9be rgb(92,169,190)
```
#5ca1be
```
#5ca1be rgb(92,161,190)
```
#5c99be
```
#5c99be rgb(92,153,190)
```
#5c91be
```
#5c91be rgb(92,145,190)
```
#5c89be
```
#5c89be rgb(92,137,190)
```

Similar Colors

Text with hexadecimal color #5ca1be

This text has a font color of #5ca1be.

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

#5ca1be background color

This paragraph has a background color of #5ca1be.

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

#5ca1be border color

This element has a border color of #5ca1be.

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

CSS codes

.text {color:#5ca1be;}

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

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

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)
```
#0d1b21
```
#0d1b21 rgb(13,27,33)
```
#13272f
```
#13272f rgb(19,39,47)
```
#18323d
```
#18323d rgb(24,50,61)
```
#1e3e4b
```
#1e3e4b rgb(30,62,75)
```
#244a59
```
#244a59 rgb(36,74,89)
```
#295567
```
#295567 rgb(41,85,103)
```
#2f6175
```
#2f6175 rgb(47,97,117)
```
#346c83
```
#346c83 rgb(52,108,131)
```
#3a7892
```
#3a7892 rgb(58,120,146)
```
#4083a0
```
#4083a0 rgb(64,131,160)
```
#458fae
```
#458fae rgb(69,143,174)
```

Shade Color Variation

#4e99b8
```
#4e99b8 rgb(78,153,184)
```
#5ca1be
```
#5ca1be rgb(92,161,190)
```
#6aa9c4
```
#6aa9c4 rgb(106,169,196)
```
#78b1c9
```
#78b1c9 rgb(120,177,201)
```
#86b9cf
```
#86b9cf rgb(134,185,207)
```
#94c1d4
```
#94c1d4 rgb(148,193,212)
```
#a2c9da
```
#a2c9da rgb(162,201,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 #1fbafb is the most saturated one.

#888f92
```
#888f92 rgb(136,143,146)
```
#7f939b
```
#7f939b rgb(127,147,155)
```
#7696a4
```
#7696a4 rgb(118,150,164)
```
#6e9aac
```
#6e9aac rgb(110,154,172)
```
#659db5
```
#659db5 rgb(101,157,181)
```
#5ca1be
```
#5ca1be rgb(92,161,190)
```
#53a5c7
```
#53a5c7 rgb(83,165,199)
```
#4aa8d0
```
#4aa8d0 rgb(74,168,208)
```
#42acd8
```
#42acd8 rgb(66,172,216)
```
#39afe1
```
#39afe1 rgb(57,175,225)
```
#30b3ea
```
#30b3ea rgb(48,179,234)
```
#27b6f3
```
#27b6f3 rgb(39,182,243)
```
#1fbafb
```
#1fbafb rgb(31,186,251)
```

Tone Color Variation

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

Dichromacy

#969cbb Protanopia 1% of men
#959ac5 Deuteranopia 1% of men
#5ea8b4 Tritanopia 0.001% of the population

Trichromacy

#819dbc Protanomaly 1% of men, 0.01% of women
#809dc2 Deuteranomaly 6% of men, 0.4% of women
#5da5b7 Tritanomaly 0.01% of the population

#5ca1be hex color

#5ca1be Color Information

#5ca1be Color Conversion

Color Schemes with #5ca1be

Alternatives to #5ca1be

#5ca1be Preview

Shades and Tints of #5ca1be

Tones of #5ca1be

Color Blindness Simulator