#5cb4bf hex color

In a RGB color space, hex #5cb4bf is composed of 36.1% red, 70.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 5.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 186.7 degrees, a saturation of 43.6% and a lightness of 55.5%. #5cb4bf color hex could be obtained by blending #b8ffff with #00697f. Closest websafe color is: #66cccc.

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

● #5cb4bf color description : Moderate cyan.

The hexadecimal color #5cb4bf has RGB values of R:92, G:180, B:191 and CMYK values of C:0.52, M:0.06, Y:0, K:0.25. Its decimal value is 6075583.

Hex triplet	5cb4bf	`#5cb4bf`
RGB Decimal	92, 180, 191	`rgb(92,180,191)`
RGB Percent	36.1, 70.6, 74.9	`rgb(36.1%,70.6%,74.9%)`
CMYK	52, 6, 0, 25
HSL	186.7°, 43.6, 55.5	`hsl(186.7,43.6%,55.5%)`
HSV (or HSB)	186.7°, 51.8, 74.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.517, -23.35, -13.721
XYZ	30.136, 38.677, 55.165
xyY	0.243, 0.312, 38.677
CIE-LCH	68.517, 27.083, 210.44
CIE-LUV	68.517, -37.817, -17.492
Hunter-Lab	62.191, -22.338, -9.058
Binary	01011100, 10110100, 10111111

#5cb4bf
```
#5cb4bf rgb(92,180,191)
```
#bf675c
```
#bf675c rgb(191,103,92)
```

Complementary Color

#5cbf99
```
#5cbf99 rgb(92,191,153)
```
#5cb4bf
```
#5cb4bf rgb(92,180,191)
```
#5c83bf
```
#5c83bf rgb(92,131,191)
```

Analogous Color

#bf995c
```
#bf995c rgb(191,153,92)
```
#5cb4bf
```
#5cb4bf rgb(92,180,191)
```
#bf5c83
```
#bf5c83 rgb(191,92,131)
```

Split Complementary Color

#b4bf5c
```
#b4bf5c rgb(180,191,92)
```
#5cb4bf
```
#5cb4bf rgb(92,180,191)
```
#bf5cb4
```
#bf5cb4 rgb(191,92,180)
```

Triadic Color

#5cbf67
```
#5cbf67 rgb(92,191,103)
```
#5cb4bf
```
#5cb4bf rgb(92,180,191)
```
#bf5cb4
```
#bf5cb4 rgb(191,92,180)
```
#bf675c
```
#bf675c rgb(191,103,92)
```

Tetradic Color

#3a8a94
```
#3a8a94 rgb(58,138,148)
```
#419ba7
```
#419ba7 rgb(65,155,167)
```
#4aacb8
```
#4aacb8 rgb(74,172,184)
```
#5cb4bf
```
#5cb4bf rgb(92,180,191)
```
#6ebcc6
```
#6ebcc6 rgb(110,188,198)
```
#81c5cd
```
#81c5cd rgb(129,197,205)
```
#93cdd5
```
#93cdd5 rgb(147,205,213)
```

Monochromatic Color

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

#5cbfb1
```
#5cbfb1 rgb(92,191,177)
```
#5cbfba
```
#5cbfba rgb(92,191,186)
```
#5cbcbf
```
#5cbcbf rgb(92,188,191)
```
#5cb4bf
```
#5cb4bf rgb(92,180,191)
```
#5cacbf
```
#5cacbf rgb(92,172,191)
```
#5ca4bf
```
#5ca4bf rgb(92,164,191)
```
#5c9bbf
```
#5c9bbf rgb(92,155,191)
```

Similar Colors

Text with hexadecimal color #5cb4bf

This text has a font color of #5cb4bf.

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

#5cb4bf background color

This paragraph has a background color of #5cb4bf.

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

#5cb4bf border color

This element has a border color of #5cb4bf.

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

CSS codes

.text {color:#5cb4bf;}

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

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

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

#020606
```
#020606 rgb(2,6,6)
```
#081314
```
#081314 rgb(8,19,20)
```
#0d2022
```
#0d2022 rgb(13,32,34)
```
#132d30
```
#132d30 rgb(19,45,48)
```
#183a3e
```
#183a3e rgb(24,58,62)
```
#1e474c
```
#1e474c rgb(30,71,76)
```
#24545b
```
#24545b rgb(36,84,91)
```
#296269
```
#296269 rgb(41,98,105)
```
#2f6f77
```
#2f6f77 rgb(47,111,119)
```
#347c85
```
#347c85 rgb(52,124,133)
```
#3a8993
```
#3a8993 rgb(58,137,147)
```
#3f96a1
```
#3f96a1 rgb(63,150,161)
```
#45a3af
```
#45a3af rgb(69,163,175)
```

Shade Color Variation

#4eaeb9
```
#4eaeb9 rgb(78,174,185)
```
#5cb4bf
```
#5cb4bf rgb(92,180,191)
```
#6abac5
```
#6abac5 rgb(106,186,197)
```
#78c1ca
```
#78c1ca rgb(120,193,202)
```
#86c7d0
```
#86c7d0 rgb(134,199,208)
```
#94ced5
```
#94ced5 rgb(148,206,213)
```
#a2d4db
```
#a2d4db rgb(162,212,219)
```
#b1dbe0
```
#b1dbe0 rgb(177,219,224)
```
#bfe1e6
```
#bfe1e6 rgb(191,225,230)
```
#cde8eb
```
#cde8eb rgb(205,232,235)
```
#dbeef1
```
#dbeef1 rgb(219,238,241)
```
#e9f5f6
```
#e9f5f6 rgb(233,245,246)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

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

#889293
```
#889293 rgb(136,146,147)
```
#7f999c
```
#7f999c rgb(127,153,156)
```
#76a0a5
```
#76a0a5 rgb(118,160,165)
```
#6da6ae
```
#6da6ae rgb(109,166,174)
```
#65adb6
```
#65adb6 rgb(101,173,182)
```
#5cb4bf
```
#5cb4bf rgb(92,180,191)
```
#53bbc8
```
#53bbc8 rgb(83,187,200)
```
#4bc2d0
```
#4bc2d0 rgb(75,194,208)
```
#42c8d9
```
#42c8d9 rgb(66,200,217)
```
#39cfe2
```
#39cfe2 rgb(57,207,226)
```
#30d6eb
```
#30d6eb rgb(48,214,235)
```
#28ddf3
```
#28ddf3 rgb(40,221,243)
```
#1fe4fc
```
#1fe4fc rgb(31,228,252)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8ea0a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9aaba Protanopia 1% of men
#aca7c8 Deuteranopia 1% of men
#65b7c4 Tritanopia 0.001% of the population

Trichromacy

#8dadbc Protanomaly 1% of men, 0.01% of women
#8facc4 Deuteranomaly 6% of men, 0.4% of women
#62b6c2 Tritanomaly 0.01% of the population

#5cb4bf hex color

#5cb4bf Color Information

#5cb4bf Color Conversion

Color Schemes with #5cb4bf

Alternatives to #5cb4bf

#5cb4bf Preview

Shades and Tints of #5cb4bf

Tones of #5cb4bf

Color Blindness Simulator