#5fb4cb hex color

In a RGB color space, hex #5fb4cb is composed of 37.3% red, 70.6% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 11.3% magenta, 0% yellow and 20.4% black. It has a hue angle of 192.8 degrees, a saturation of 50.9% and a lightness of 58.4%. #5fb4cb color hex could be obtained by blending #beffff with #006997. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 71
- B 80
RGB color chart
- C 53
- M 11
- Y 0
- K 20
CMYK color chart

● #5fb4cb color description : Moderate cyan.

The hexadecimal color #5fb4cb has RGB values of R:95, G:180, B:203 and CMYK values of C:0.53, M:0.11, Y:0, K:0.2. Its decimal value is 6272203.

Hex triplet	5fb4cb	`#5fb4cb`
RGB Decimal	95, 180, 203	`rgb(95,180,203)`
RGB Percent	37.3, 70.6, 79.6	`rgb(37.3%,70.6%,79.6%)`
CMYK	53, 11, 0, 20
HSL	192.8°, 50.9, 58.4	`hsl(192.8,50.9%,58.4%)`
HSV (or HSB)	192.8°, 53.2, 79.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.029, -19.334, -19.544
XYZ	31.817, 39.385, 62.422
xyY	0.238, 0.295, 39.385
CIE-LCH	69.029, 27.491, 225.309
CIE-LUV	69.029, -36.515, -27.503
Hunter-Lab	62.758, -19.329, -15.043
Binary	01011111, 10110100, 11001011

#5fb4cb
```
#5fb4cb rgb(95,180,203)
```
#cb765f
```
#cb765f rgb(203,118,95)
```

Complementary Color

#5fcbac
```
#5fcbac rgb(95,203,172)
```
#5fb4cb
```
#5fb4cb rgb(95,180,203)
```
#5f7ecb
```
#5f7ecb rgb(95,126,203)
```

Analogous Color

#cbac5f
```
#cbac5f rgb(203,172,95)
```
#5fb4cb
```
#5fb4cb rgb(95,180,203)
```
#cb5f7e
```
#cb5f7e rgb(203,95,126)
```

Split Complementary Color

#b4cb5f
```
#b4cb5f rgb(180,203,95)
```
#5fb4cb
```
#5fb4cb rgb(95,180,203)
```
#cb5fb4
```
#cb5fb4 rgb(203,95,180)
```

Triadic Color

#5fcb76
```
#5fcb76 rgb(95,203,118)
```
#5fb4cb
```
#5fb4cb rgb(95,180,203)
```
#cb5fb4
```
#cb5fb4 rgb(203,95,180)
```
#cb765f
```
#cb765f rgb(203,118,95)
```

Tetradic Color

#368fa7
```
#368fa7 rgb(54,143,167)
```
#3da0ba
```
#3da0ba rgb(61,160,186)
```
#4cabc5
```
#4cabc5 rgb(76,171,197)
```
#5fb4cb
```
#5fb4cb rgb(95,180,203)
```
#72bdd1
```
#72bdd1 rgb(114,189,209)
```
#85c6d8
```
#85c6d8 rgb(133,198,216)
```
#99cfde
```
#99cfde rgb(153,207,222)
```

Monochromatic Color

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

#5fcbc7
```
#5fcbc7 rgb(95,203,199)
```
#5fc6cb
```
#5fc6cb rgb(95,198,203)
```
#5fbdcb
```
#5fbdcb rgb(95,189,203)
```
#5fb4cb
```
#5fb4cb rgb(95,180,203)
```
#5fabcb
```
#5fabcb rgb(95,171,203)
```
#5fa2cb
```
#5fa2cb rgb(95,162,203)
```
#5f99cb
```
#5f99cb rgb(95,153,203)
```

Similar Colors

Text with hexadecimal color #5fb4cb

This text has a font color of #5fb4cb.

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

#5fb4cb background color

This paragraph has a background color of #5fb4cb.

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

#5fb4cb border color

This element has a border color of #5fb4cb.

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

CSS codes

.text {color:#5fb4cb;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060f12
```
#060f12 rgb(6,15,18)
```
#0b1c20
```
#0b1c20 rgb(11,28,32)
```
#0f282f
```
#0f282f rgb(15,40,47)
```
#14353e
```
#14353e rgb(20,53,62)
```
#19424d
```
#19424d rgb(25,66,77)
```
#1e4e5c
```
#1e4e5c rgb(30,78,92)
```
#235b6a
```
#235b6a rgb(35,91,106)
```
#276879
```
#276879 rgb(39,104,121)
```
#2c7588
```
#2c7588 rgb(44,117,136)
```
#318197
```
#318197 rgb(49,129,151)
```
#368ea6
```
#368ea6 rgb(54,142,166)
```
#3b9bb4
```
#3b9bb4 rgb(59,155,180)
```

Shade Color Variation

#41a6c1
```
#41a6c1 rgb(65,166,193)
```
#50adc6
```
#50adc6 rgb(80,173,198)
```
#5fb4cb
```
#5fb4cb rgb(95,180,203)
```
#6ebbd0
```
#6ebbd0 rgb(110,187,208)
```
#7dc2d5
```
#7dc2d5 rgb(125,194,213)
```
#8bc9d9
```
#8bc9d9 rgb(139,201,217)
```
#9ad0de
```
#9ad0de rgb(154,208,222)
```
#a9d7e3
```
#a9d7e3 rgb(169,215,227)
```
#b8dee8
```
#b8dee8 rgb(184,222,232)
```
#c7e5ed
```
#c7e5ed rgb(199,229,237)
```
#d5ecf1
```
#d5ecf1 rgb(213,236,241)
```
#e4f2f6
```
#e4f2f6 rgb(228,242,246)
```
#f3f9fb
```
#f3f9fb rgb(243,249,251)
```

Tint Color Variation

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

#90989a
```
#90989a rgb(144,152,154)
```
#889da2
```
#889da2 rgb(136,157,162)
```
#80a1aa
```
#80a1aa rgb(128,161,170)
```
#77a6b3
```
#77a6b3 rgb(119,166,179)
```
#6fabbb
```
#6fabbb rgb(111,171,187)
```
#67afc3
```
#67afc3 rgb(103,175,195)
```
#5fb4cb
```
#5fb4cb rgb(95,180,203)
```
#57b9d3
```
#57b9d3 rgb(87,185,211)
```
#4fbddb
```
#4fbddb rgb(79,189,219)
```
#47c2e3
```
#47c2e3 rgb(71,194,227)
```
#3ec7ec
```
#3ec7ec rgb(62,199,236)
```
#36cbf4
```
#36cbf4 rgb(54,203,244)
```
#2ed0fc
```
#2ed0fc rgb(46,208,252)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#91a2a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7abc6 Protanopia 1% of men
#a8a9d2 Deuteranopia 1% of men
#64b9c6 Tritanopia 0.001% of the population

Trichromacy

#8daec7 Protanomaly 1% of men, 0.01% of women
#8dadd0 Deuteranomaly 6% of men, 0.4% of women
#62b7c8 Tritanomaly 0.01% of the population

#5fb4cb hex color

#5fb4cb Color Information

#5fb4cb Color Conversion

Color Schemes with #5fb4cb

Alternatives to #5fb4cb

#5fb4cb Preview

Shades and Tints of #5fb4cb

Tones of #5fb4cb

Color Blindness Simulator