#5ca6bf hex color

In a RGB color space, hex #5ca6bf is composed of 36.1% red, 65.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 13.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 195.2 degrees, a saturation of 43.6% and a lightness of 55.5%. #5ca6bf color hex could be obtained by blending #b8ffff with #004d7f. Closest websafe color is: #6699cc.

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

● #5ca6bf color description : Moderate blue.

The hexadecimal color #5ca6bf has RGB values of R:92, G:166, B:191 and CMYK values of C:0.52, M:0.13, Y:0, K:0.25. Its decimal value is 6071999.

Hex triplet	5ca6bf	`#5ca6bf`
RGB Decimal	92, 166, 191	`rgb(92,166,191)`
RGB Percent	36.1, 65.1, 74.9	`rgb(36.1%,65.1%,74.9%)`
CMYK	52, 13, 0, 25
HSL	195.2°, 43.6, 55.5	`hsl(195.2,43.6%,55.5%)`
HSV (or HSB)	195.2°, 51.8, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.409, -16.086, -19.936
XYZ	27.451, 33.308, 54.27
xyY	0.239, 0.29, 33.308
CIE-LCH	64.409, 25.617, 231.102
CIE-LUV	64.409, -32.381, -28.31
Hunter-Lab	57.713, -16.093, -15.354
Binary	01011100, 10100110, 10111111

#5ca6bf
```
#5ca6bf rgb(92,166,191)
```
#bf755c
```
#bf755c rgb(191,117,92)
```

Complementary Color

#5cbfa7
```
#5cbfa7 rgb(92,191,167)
```
#5ca6bf
```
#5ca6bf rgb(92,166,191)
```
#5c75bf
```
#5c75bf rgb(92,117,191)
```

Analogous Color

#bfa75c
```
#bfa75c rgb(191,167,92)
```
#5ca6bf
```
#5ca6bf rgb(92,166,191)
```
#bf5c75
```
#bf5c75 rgb(191,92,117)
```

Split Complementary Color

#a6bf5c
```
#a6bf5c rgb(166,191,92)
```
#5ca6bf
```
#5ca6bf rgb(92,166,191)
```
#bf5ca6
```
#bf5ca6 rgb(191,92,166)
```

Triadic Color

#5cbf75
```
#5cbf75 rgb(92,191,117)
```
#5ca6bf
```
#5ca6bf rgb(92,166,191)
```
#bf5ca6
```
#bf5ca6 rgb(191,92,166)
```
#bf755c
```
#bf755c rgb(191,117,92)
```

Tetradic Color

#3a7e94
```
#3a7e94 rgb(58,126,148)
```
#418da7
```
#418da7 rgb(65,141,167)
```
#4a9cb8
```
#4a9cb8 rgb(74,156,184)
```
#5ca6bf
```
#5ca6bf rgb(92,166,191)
```
#6eb0c6
```
#6eb0c6 rgb(110,176,198)
```
#81bacd
```
#81bacd rgb(129,186,205)
```
#93c4d5
```
#93c4d5 rgb(147,196,213)
```

Monochromatic Color

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

#5cbfbf
```
#5cbfbf rgb(92,191,191)
```
#5cb7bf
```
#5cb7bf rgb(92,183,191)
```
#5caebf
```
#5caebf rgb(92,174,191)
```
#5ca6bf
```
#5ca6bf rgb(92,166,191)
```
#5c9ebf
```
#5c9ebf rgb(92,158,191)
```
#5c96bf
```
#5c96bf rgb(92,150,191)
```
#5c8dbf
```
#5c8dbf rgb(92,141,191)
```

Similar Colors

Text with hexadecimal color #5ca6bf

This text has a font color of #5ca6bf.

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

#5ca6bf background color

This paragraph has a background color of #5ca6bf.

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

#5ca6bf border color

This element has a border color of #5ca6bf.

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

CSS codes

.text {color:#5ca6bf;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#081114
```
#081114 rgb(8,17,20)
```
#0d1d22
```
#0d1d22 rgb(13,29,34)
```
#132930
```
#132930 rgb(19,41,48)
```
#18353e
```
#18353e rgb(24,53,62)
```
#1e414c
```
#1e414c rgb(30,65,76)
```
#244d5b
```
#244d5b rgb(36,77,91)
```
#295969
```
#295969 rgb(41,89,105)
```
#2f6477
```
#2f6477 rgb(47,100,119)
```
#347085
```
#347085 rgb(52,112,133)
```
#3a7c93
```
#3a7c93 rgb(58,124,147)
```
#3f88a1
```
#3f88a1 rgb(63,136,161)
```
#4594af
```
#4594af rgb(69,148,175)
```

Shade Color Variation

#4e9eb9
```
#4e9eb9 rgb(78,158,185)
```
#5ca6bf
```
#5ca6bf rgb(92,166,191)
```
#6aaec5
```
#6aaec5 rgb(106,174,197)
```
#78b5ca
```
#78b5ca rgb(120,181,202)
```
#86bdd0
```
#86bdd0 rgb(134,189,208)
```
#94c5d5
```
#94c5d5 rgb(148,197,213)
```
#a2ccdb
```
#a2ccdb rgb(162,204,219)
```
#b1d4e0
```
#b1d4e0 rgb(177,212,224)
```
#bfdce6
```
#bfdce6 rgb(191,220,230)
```
#cde4eb
```
#cde4eb rgb(205,228,235)
```
#dbebf1
```
#dbebf1 rgb(219,235,241)
```
#e9f3f6
```
#e9f3f6 rgb(233,243,246)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

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

#889093
```
#889093 rgb(136,144,147)
```
#7f959c
```
#7f959c rgb(127,149,156)
```
#7699a5
```
#7699a5 rgb(118,153,165)
```
#6d9dae
```
#6d9dae rgb(109,157,174)
```
#65a2b6
```
#65a2b6 rgb(101,162,182)
```
#5ca6bf
```
#5ca6bf rgb(92,166,191)
```
#53aac8
```
#53aac8 rgb(83,170,200)
```
#4bafd0
```
#4bafd0 rgb(75,175,208)
```
#42b3d9
```
#42b3d9 rgb(66,179,217)
```
#39b7e2
```
#39b7e2 rgb(57,183,226)
```
#30bceb
```
#30bceb rgb(48,188,235)
```
#28c0f3
```
#28c0f3 rgb(40,192,243)
```
#1fc4fc
```
#1fc4fc rgb(31,196,252)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#88979c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba0bb Protanopia 1% of men
#9b9ec6 Deuteranopia 1% of men
#60acb8 Tritanopia 0.001% of the population

Trichromacy

#84a2bc Protanomaly 1% of men, 0.01% of women
#84a1c4 Deuteranomaly 6% of men, 0.4% of women
#5eaabb Tritanomaly 0.01% of the population

#5ca6bf hex color

#5ca6bf Color Information

#5ca6bf Color Conversion

Color Schemes with #5ca6bf

Alternatives to #5ca6bf

#5ca6bf Preview

Shades and Tints of #5ca6bf

Tones of #5ca6bf

Color Blindness Simulator