#5fc7b2 hex color

In a RGB color space, hex #5fc7b2 is composed of 37.3% red, 78% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 0% magenta, 10.6% yellow and 22% black. It has a hue angle of 167.9 degrees, a saturation of 48.1% and a lightness of 57.6%. #5fc7b2 color hex could be obtained by blending #beffff with #008f65. Closest websafe color is: #66cc99.

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

● #5fc7b2 color description : Moderate cyan.

The hexadecimal color #5fc7b2 has RGB values of R:95, G:199, B:178 and CMYK values of C:0.52, M:0, Y:0.11, K:0.22. Its decimal value is 6277042.

Hex triplet	5fc7b2	`#5fc7b2`
RGB Decimal	95, 199, 178	`rgb(95,199,178)`
RGB Percent	37.3, 78, 69.8	`rgb(37.3%,78%,69.8%)`
CMYK	52, 0, 11, 22
HSL	167.9°, 48.1, 57.6	`hsl(167.9,48.1%,57.6%)`
HSV (or HSB)	167.9°, 52.3, 78
Web Safe	66cc99	`#66cc99`

CIE-LAB	73.863, -35.297, 1.316
XYZ	33.176, 46.492, 49.343
xyY	0.257, 0.36, 46.492
CIE-LCH	73.863, 35.321, 177.865
CIE-LUV	73.863, -44.934, 7.601
Hunter-Lab	68.185, -32.472, 4.824
Binary	01011111, 11000111, 10110010

#5fc7b2
```
#5fc7b2 rgb(95,199,178)
```
#c75f74
```
#c75f74 rgb(199,95,116)
```

Complementary Color

#5fc77e
```
#5fc77e rgb(95,199,126)
```
#5fc7b2
```
#5fc7b2 rgb(95,199,178)
```
#5fa8c7
```
#5fa8c7 rgb(95,168,199)
```

Analogous Color

#c77e5f
```
#c77e5f rgb(199,126,95)
```
#5fc7b2
```
#5fc7b2 rgb(95,199,178)
```
#c75fa8
```
#c75fa8 rgb(199,95,168)
```

Split Complementary Color

#c7b25f
```
#c7b25f rgb(199,178,95)
```
#5fc7b2
```
#5fc7b2 rgb(95,199,178)
```
#b25fc7
```
#b25fc7 rgb(178,95,199)
```

Triadic Color

#74c75f
```
#74c75f rgb(116,199,95)
```
#5fc7b2
```
#5fc7b2 rgb(95,199,178)
```
#b25fc7
```
#b25fc7 rgb(178,95,199)
```
#c75f74
```
#c75f74 rgb(199,95,116)
```

Tetradic Color

#38a18c
```
#38a18c rgb(56,161,140)
```
#3fb49c
```
#3fb49c rgb(63,180,156)
```
#4cc0a9
```
#4cc0a9 rgb(76,192,169)
```
#5fc7b2
```
#5fc7b2 rgb(95,199,178)
```
#72cebb
```
#72cebb rgb(114,206,187)
```
#85d4c4
```
#85d4c4 rgb(133,212,196)
```
#98dbcd
```
#98dbcd rgb(152,219,205)
```

Monochromatic Color

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

#5fc798
```
#5fc798 rgb(95,199,152)
```
#5fc7a1
```
#5fc7a1 rgb(95,199,161)
```
#5fc7a9
```
#5fc7a9 rgb(95,199,169)
```
#5fc7b2
```
#5fc7b2 rgb(95,199,178)
```
#5fc7bb
```
#5fc7bb rgb(95,199,187)
```
#5fc7c3
```
#5fc7c3 rgb(95,199,195)
```
#5fc2c7
```
#5fc2c7 rgb(95,194,199)
```

Similar Colors

Text with hexadecimal color #5fc7b2

This text has a font color of #5fc7b2.

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

#5fc7b2 background color

This paragraph has a background color of #5fc7b2.

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

#5fc7b2 border color

This element has a border color of #5fc7b2.

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

CSS codes

.text {color:#5fc7b2;}

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

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

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

#050e0c
```
#050e0c rgb(5,14,12)
```
#0a1d19
```
#0a1d19 rgb(10,29,25)
```
#0f2b26
```
#0f2b26 rgb(15,43,38)
```
#143a32
```
#143a32 rgb(20,58,50)
```
#19483f
```
#19483f rgb(25,72,63)
```
#1e574c
```
#1e574c rgb(30,87,76)
```
#246658
```
#246658 rgb(36,102,88)
```
#297465
```
#297465 rgb(41,116,101)
```
#2e8371
```
#2e8371 rgb(46,131,113)
```
#33917e
```
#33917e rgb(51,145,126)
```
#38a08b
```
#38a08b rgb(56,160,139)
```
#3dae97
```
#3dae97 rgb(61,174,151)
```
#42bda4
```
#42bda4 rgb(66,189,164)
```

Shade Color Variation

#50c2ab
```
#50c2ab rgb(80,194,171)
```
#5fc7b2
```
#5fc7b2 rgb(95,199,178)
```
#6eccb9
```
#6eccb9 rgb(110,204,185)
```
#7cd1c0
```
#7cd1c0 rgb(124,209,192)
```
#8bd6c7
```
#8bd6c7 rgb(139,214,199)
```
#99dbce
```
#99dbce rgb(153,219,206)
```
#a8e0d5
```
#a8e0d5 rgb(168,224,213)
```
#b6e6dc
```
#b6e6dc rgb(182,230,220)
```
#c5ebe3
```
#c5ebe3 rgb(197,235,227)
```
#d3f0ea
```
#d3f0ea rgb(211,240,234)
```
#e2f5f1
```
#e2f5f1 rgb(226,245,241)
```
#f0faf8
```
#f0faf8 rgb(240,250,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#919594
```
#919594 rgb(145,149,148)
```
#899d99
```
#899d99 rgb(137,157,153)
```
#80a69e
```
#80a69e rgb(128,166,158)
```
#78aea3
```
#78aea3 rgb(120,174,163)
```
#70b6a8
```
#70b6a8 rgb(112,182,168)
```
#67bfad
```
#67bfad rgb(103,191,173)
```
#5fc7b2
```
#5fc7b2 rgb(95,199,178)
```
#57cfb7
```
#57cfb7 rgb(87,207,183)
```
#4ed8bc
```
#4ed8bc rgb(78,216,188)
```
#46e0c1
```
#46e0c1 rgb(70,224,193)
```
#3ee8c6
```
#3ee8c6 rgb(62,232,198)
```
#35f1cb
```
#35f1cb rgb(53,241,203)
```
#2df9d0
```
#2df9d0 rgb(45,249,208)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#98ada8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb8ad Protanopia 1% of men
#c8b4bd Deuteranopia 1% of men
#73c5d3 Tritanopia 0.001% of the population

Trichromacy

#9cbdae Protanomaly 1% of men, 0.01% of women
#a2bab9 Deuteranomaly 6% of men, 0.4% of women
#6bc6c7 Tritanomaly 0.01% of the population

#5fc7b2 hex color

#5fc7b2 Color Information

#5fc7b2 Color Conversion

Color Schemes with #5fc7b2

Alternatives to #5fc7b2

#5fc7b2 Preview

Shades and Tints of #5fc7b2

Tones of #5fc7b2

Color Blindness Simulator