#5fc695 hex color

In a RGB color space, hex #5fc695 is composed of 37.3% red, 77.6% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 0% magenta, 24.7% yellow and 22.4% black. It has a hue angle of 151.5 degrees, a saturation of 47.5% and a lightness of 57.5%. #5fc695 color hex could be obtained by blending #beffff with #008d2b. Closest websafe color is: #66cc99.

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

● #5fc695 color description : Moderate cyan - lime green.

The hexadecimal color #5fc695 has RGB values of R:95, G:198, B:149 and CMYK values of C:0.52, M:0, Y:0.25, K:0.22. Its decimal value is 6276757.

Hex triplet	5fc695	`#5fc695`
RGB Decimal	95, 198, 149	`rgb(95,198,149)`
RGB Percent	37.3, 77.6, 58.4	`rgb(37.3%,77.6%,58.4%)`
CMYK	52, 0, 25, 22
HSL	151.5°, 47.5, 57.5	`hsl(151.5,47.5%,57.5%)`
HSV (or HSB)	151.5°, 52, 77.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	72.885, -41.423, 15.574
XYZ	30.336, 44.989, 35.517
xyY	0.274, 0.406, 44.989
CIE-LCH	72.885, 44.254, 159.395
CIE-LUV	72.885, -45.81, 28.88
Hunter-Lab	67.074, -36.647, 15.556
Binary	01011111, 11000110, 10010101

#5fc695
```
#5fc695 rgb(95,198,149)
```
#c65f90
```
#c65f90 rgb(198,95,144)
```

Complementary Color

#5fc662
```
#5fc662 rgb(95,198,98)
```
#5fc695
```
#5fc695 rgb(95,198,149)
```
#5fc4c6
```
#5fc4c6 rgb(95,196,198)
```

Analogous Color

#c6615f
```
#c6615f rgb(198,97,95)
```
#5fc695
```
#5fc695 rgb(95,198,149)
```
#c65fc4
```
#c65fc4 rgb(198,95,196)
```

Split Complementary Color

#c6955f
```
#c6955f rgb(198,149,95)
```
#5fc695
```
#5fc695 rgb(95,198,149)
```
#955fc6
```
#955fc6 rgb(149,95,198)
```

Triadic Color

#90c65f
```
#90c65f rgb(144,198,95)
```
#5fc695
```
#5fc695 rgb(95,198,149)
```
#955fc6
```
#955fc6 rgb(149,95,198)
```
#c65f90
```
#c65f90 rgb(198,95,144)
```

Tetradic Color

#39a06f
```
#39a06f rgb(57,160,111)
```
#40b27c
```
#40b27c rgb(64,178,124)
```
#4cbf89
```
#4cbf89 rgb(76,191,137)
```
#5fc695
```
#5fc695 rgb(95,198,149)
```
#72cda1
```
#72cda1 rgb(114,205,161)
```
#85d3ae
```
#85d3ae rgb(133,211,174)
```
#97daba
```
#97daba rgb(151,218,186)
```

Monochromatic Color

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

#5fc67b
```
#5fc67b rgb(95,198,123)
```
#5fc684
```
#5fc684 rgb(95,198,132)
```
#5fc68c
```
#5fc68c rgb(95,198,140)
```
#5fc695
```
#5fc695 rgb(95,198,149)
```
#5fc69e
```
#5fc69e rgb(95,198,158)
```
#5fc6a6
```
#5fc6a6 rgb(95,198,166)
```
#5fc6af
```
#5fc6af rgb(95,198,175)
```

Similar Colors

Text with hexadecimal color #5fc695

This text has a font color of #5fc695.

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

#5fc695 background color

This paragraph has a background color of #5fc695.

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

#5fc695 border color

This element has a border color of #5fc695.

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

CSS codes

.text {color:#5fc695;}

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

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

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

#050e09
```
#050e09 rgb(5,14,9)
```
#0a1c13
```
#0a1c13 rgb(10,28,19)
```
#0f2a1d
```
#0f2a1d rgb(15,42,29)
```
#143928
```
#143928 rgb(20,57,40)
```
#194732
```
#194732 rgb(25,71,50)
```
#1f563c
```
#1f563c rgb(31,86,60)
```
#246446
```
#246446 rgb(36,100,70)
```
#297350
```
#297350 rgb(41,115,80)
```
#2e815a
```
#2e815a rgb(46,129,90)
```
#339064
```
#339064 rgb(51,144,100)
```
#389e6e
```
#389e6e rgb(56,158,110)
```
#3ead78
```
#3ead78 rgb(62,173,120)
```
#43bb82
```
#43bb82 rgb(67,187,130)
```

Shade Color Variation

#51c18b
```
#51c18b rgb(81,193,139)
```
#5fc695
```
#5fc695 rgb(95,198,149)
```
#6dcb9f
```
#6dcb9f rgb(109,203,159)
```
#7cd0a8
```
#7cd0a8 rgb(124,208,168)
```
#8ad5b2
```
#8ad5b2 rgb(138,213,178)
```
#99dbbb
```
#99dbbb rgb(153,219,187)
```
#a7e0c5
```
#a7e0c5 rgb(167,224,197)
```
#b6e5ce
```
#b6e5ce rgb(182,229,206)
```
#c4ead8
```
#c4ead8 rgb(196,234,216)
```
#d3efe2
```
#d3efe2 rgb(211,239,226)
```
#e1f4eb
```
#e1f4eb rgb(225,244,235)
```
#f0faf5
```
#f0faf5 rgb(240,250,245)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#919493
```
#919493 rgb(145,148,147)
```
#899c93
```
#899c93 rgb(137,156,147)
```
#80a593
```
#80a593 rgb(128,165,147)
```
#78ad94
```
#78ad94 rgb(120,173,148)
```
#70b594
```
#70b594 rgb(112,181,148)
```
#67be95
```
#67be95 rgb(103,190,149)
```
#5fc695
```
#5fc695 rgb(95,198,149)
```
#57ce95
```
#57ce95 rgb(87,206,149)
```
#4ed796
```
#4ed796 rgb(78,215,150)
```
#46df96
```
#46df96 rgb(70,223,150)
```
#3ee797
```
#3ee797 rgb(62,231,151)
```
#35f097
```
#35f097 rgb(53,240,151)
```
#2df897
```
#2df897 rgb(45,248,151)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#95a99f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b692 Protanopia 1% of men
#cfb0a2 Deuteranopia 1% of men
#79c1cf Tritanopia 0.001% of the population

Trichromacy

#9ebc93 Protanomaly 1% of men, 0.01% of women
#a6b89d Deuteranomaly 6% of men, 0.4% of women
#6fc3ba Tritanomaly 0.01% of the population

#5fc695 hex color

#5fc695 Color Information

#5fc695 Color Conversion

Color Schemes with #5fc695

Alternatives to #5fc695

#5fc695 Preview

Shades and Tints of #5fc695

Tones of #5fc695

Color Blindness Simulator