#5fb8c6 hex color

In a RGB color space, hex #5fb8c6 is composed of 37.3% red, 72.2% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 7.1% magenta, 0% yellow and 22.4% black. It has a hue angle of 188.2 degrees, a saturation of 47.5% and a lightness of 57.5%. #5fb8c6 color hex could be obtained by blending #beffff with #00718d. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 72
- B 78
RGB color chart
- C 52
- M 7
- Y 0
- K 22
CMYK color chart

● #5fb8c6 color description : Moderate cyan.

The hexadecimal color #5fb8c6 has RGB values of R:95, G:184, B:198 and CMYK values of C:0.52, M:0.07, Y:0, K:0.22. Its decimal value is 6273222.

Hex triplet	5fb8c6	`#5fb8c6`
RGB Decimal	95, 184, 198	`rgb(95,184,198)`
RGB Percent	37.3, 72.2, 77.6	`rgb(37.3%,72.2%,77.6%)`
CMYK	52, 7, 0, 22
HSL	188.2°, 47.5, 57.5	`hsl(188.2,47.5%,57.5%)`
HSV (or HSB)	188.2°, 52, 77.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.028, -22.793, -15.286
XYZ	32.05, 40.789, 59.607
xyY	0.242, 0.308, 40.789
CIE-LCH	70.028, 27.444, 213.848
CIE-LUV	70.028, -38.246, -20.142
Hunter-Lab	63.866, -22.189, -10.63
Binary	01011111, 10111000, 11000110

#5fb8c6
```
#5fb8c6 rgb(95,184,198)
```
#c66d5f
```
#c66d5f rgb(198,109,95)
```

Complementary Color

#5fc6a1
```
#5fc6a1 rgb(95,198,161)
```
#5fb8c6
```
#5fb8c6 rgb(95,184,198)
```
#5f85c6
```
#5f85c6 rgb(95,133,198)
```

Analogous Color

#c6a15f
```
#c6a15f rgb(198,161,95)
```
#5fb8c6
```
#5fb8c6 rgb(95,184,198)
```
#c65f85
```
#c65f85 rgb(198,95,133)
```

Split Complementary Color

#b8c65f
```
#b8c65f rgb(184,198,95)
```
#5fb8c6
```
#5fb8c6 rgb(95,184,198)
```
#c65fb8
```
#c65fb8 rgb(198,95,184)
```

Triadic Color

#5fc66d
```
#5fc66d rgb(95,198,109)
```
#5fb8c6
```
#5fb8c6 rgb(95,184,198)
```
#c65fb8
```
#c65fb8 rgb(198,95,184)
```
#c66d5f
```
#c66d5f rgb(198,109,95)
```

Tetradic Color

#3992a0
```
#3992a0 rgb(57,146,160)
```
#40a3b2
```
#40a3b2 rgb(64,163,178)
```
#4cb0bf
```
#4cb0bf rgb(76,176,191)
```
#5fb8c6
```
#5fb8c6 rgb(95,184,198)
```
#72c0cd
```
#72c0cd rgb(114,192,205)
```
#85c9d3
```
#85c9d3 rgb(133,201,211)
```
#97d1da
```
#97d1da rgb(151,209,218)
```

Monochromatic Color

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

#5fc6ba
```
#5fc6ba rgb(95,198,186)
```
#5fc6c3
```
#5fc6c3 rgb(95,198,195)
```
#5fc1c6
```
#5fc1c6 rgb(95,193,198)
```
#5fb8c6
```
#5fb8c6 rgb(95,184,198)
```
#5fafc6
```
#5fafc6 rgb(95,175,198)
```
#5fa7c6
```
#5fa7c6 rgb(95,167,198)
```
#5f9ec6
```
#5f9ec6 rgb(95,158,198)
```

Similar Colors

Text with hexadecimal color #5fb8c6

This text has a font color of #5fb8c6.

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

#5fb8c6 background color

This paragraph has a background color of #5fb8c6.

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

#5fb8c6 border color

This element has a border color of #5fb8c6.

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

CSS codes

.text {color:#5fb8c6;}

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

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

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, #050c0e is the darkest color, while #feffff is the lightest one.

#050c0e
```
#050c0e rgb(5,12,14)
```
#0a1a1c
```
#0a1a1c rgb(10,26,28)
```
#0f272a
```
#0f272a rgb(15,39,42)
```
#143439
```
#143439 rgb(20,52,57)
```
#194147
```
#194147 rgb(25,65,71)
```
#1f4e56
```
#1f4e56 rgb(31,78,86)
```
#245c64
```
#245c64 rgb(36,92,100)
```
#296973
```
#296973 rgb(41,105,115)
```
#2e7681
```
#2e7681 rgb(46,118,129)
```
#338390
```
#338390 rgb(51,131,144)
```
#38909e
```
#38909e rgb(56,144,158)
```
#3e9ead
```
#3e9ead rgb(62,158,173)
```
#43abbb
```
#43abbb rgb(67,171,187)
```

Shade Color Variation

#51b2c1
```
#51b2c1 rgb(81,178,193)
```
#5fb8c6
```
#5fb8c6 rgb(95,184,198)
```
#6dbecb
```
#6dbecb rgb(109,190,203)
```
#7cc5d0
```
#7cc5d0 rgb(124,197,208)
```
#8acbd5
```
#8acbd5 rgb(138,203,213)
```
#99d2db
```
#99d2db rgb(153,210,219)
```
#a7d8e0
```
#a7d8e0 rgb(167,216,224)
```
#b6dfe5
```
#b6dfe5 rgb(182,223,229)
```
#c4e5ea
```
#c4e5ea rgb(196,229,234)
```
#d3ebef
```
#d3ebef rgb(211,235,239)
```
#e1f2f4
```
#e1f2f4 rgb(225,242,244)
```
#f0f8fa
```
#f0f8fa rgb(240,248,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#919494
```
#919494 rgb(145,148,148)
```
#899a9c
```
#899a9c rgb(137,154,156)
```
#80a0a5
```
#80a0a5 rgb(128,160,165)
```
#78a6ad
```
#78a6ad rgb(120,166,173)
```
#70acb5
```
#70acb5 rgb(112,172,181)
```
#67b2be
```
#67b2be rgb(103,178,190)
```
#5fb8c6
```
#5fb8c6 rgb(95,184,198)
```
#57bece
```
#57bece rgb(87,190,206)
```
#4ec4d7
```
#4ec4d7 rgb(78,196,215)
```
#46cadf
```
#46cadf rgb(70,202,223)
```
#3ed0e7
```
#3ed0e7 rgb(62,208,231)
```
#35d6f0
```
#35d6f0 rgb(53,214,240)
```
#2ddcf8
```
#2ddcf8 rgb(45,220,248)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#92a4a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acaec1 Protanopia 1% of men
#afabce Deuteranopia 1% of men
#67bbc9 Tritanopia 0.001% of the population

Trichromacy

#90b1c2 Protanomaly 1% of men, 0.01% of women
#92b0cb Deuteranomaly 6% of men, 0.4% of women
#64bac8 Tritanomaly 0.01% of the population

#5fb8c6 hex color

#5fb8c6 Color Information

#5fb8c6 Color Conversion

Color Schemes with #5fb8c6

Alternatives to #5fb8c6

#5fb8c6 Preview

Shades and Tints of #5fb8c6

Tones of #5fb8c6

Color Blindness Simulator