colorhexa.com

#3fea96 hex color

In a RGB color space, hex #3fea96 is composed of 24.7% red, 91.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 0% magenta, 35.9% yellow and 8.2% black. It has a hue angle of 150.5 degrees, a saturation of 80.3% and a lightness of 58.2%. #3fea96 color hex could be obtained by blending #7effff with #00d52d. Closest websafe color is: #33ff99.

- R 25
- G 92
- B 59
RGB color chart
- C 73
- M 0
- Y 36
- K 8
CMYK color chart

● #3fea96 color description : Bright cyan - lime green.

The hexadecimal color #3fea96 has RGB values of R:63, G:234, B:150 and CMYK values of C:0.73, M:0, Y:0.36, K:0.08. Its decimal value is 4188822.

Hex triplet	3fea96	`#3fea96`
RGB Decimal	63, 234, 150	`rgb(63,234,150)`
RGB Percent	24.7, 91.8, 58.8	`rgb(24.7%,91.8%,58.8%)`
CMYK	73, 0, 36, 8
HSL	150.5°, 80.3, 58.2	`hsl(150.5,80.3%,58.2%)`
HSV (or HSB)	150.5°, 73.1, 91.8
Web Safe	33ff99	`#33ff99`

CIE-LAB	82.967, -61.581, 28.73
XYZ	36.975, 62.101, 38.89
xyY	0.268, 0.45, 62.101
CIE-LCH	82.967, 67.954, 154.989
CIE-LUV	82.967, -66.382, 50.38
Hunter-Lab	78.804, -54.155, 25.903
Binary	00111111, 11101010, 10010110

#3fea96
```
#3fea96 rgb(63,234,150)
```
#ea3f93
```
#ea3f93 rgb(234,63,147)
```

Complementary Color

#3fea41
```
#3fea41 rgb(63,234,65)
```
#3fea96
```
#3fea96 rgb(63,234,150)
```
#3fe9ea
```
#3fe9ea rgb(63,233,234)
```

Analogous Color

#ea413f
```
#ea413f rgb(234,65,63)
```
#3fea96
```
#3fea96 rgb(63,234,150)
```
#ea3fe9
```
#ea3fe9 rgb(234,63,233)
```

Split Complementary Color

#ea963f
```
#ea963f rgb(234,150,63)
```
#3fea96
```
#3fea96 rgb(63,234,150)
```
#963fea
```
#963fea rgb(150,63,234)
```

Triadic Color

#93ea3f
```
#93ea3f rgb(147,234,63)
```
#3fea96
```
#3fea96 rgb(63,234,150)
```
#963fea
```
#963fea rgb(150,63,234)
```
#ea3f93
```
#ea3f93 rgb(234,63,147)
```

Tetradic Color

#16c770
```
#16c770 rgb(22,199,112)
```
#18de7d
```
#18de7d rgb(24,222,125)
```
#28e789
```
#28e789 rgb(40,231,137)
```
#3fea96
```
#3fea96 rgb(63,234,150)
```
#56eda3
```
#56eda3 rgb(86,237,163)
```
#6defaf
```
#6defaf rgb(109,239,175)
```
#84f2bc
```
#84f2bc rgb(132,242,188)
```

Monochromatic Color

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

#3fea6b
```
#3fea6b rgb(63,234,107)
```
#3fea7a
```
#3fea7a rgb(63,234,122)
```
#3fea88
```
#3fea88 rgb(63,234,136)
```
#3fea96
```
#3fea96 rgb(63,234,150)
```
#3feaa4
```
#3feaa4 rgb(63,234,164)
```
#3feab3
```
#3feab3 rgb(63,234,179)
```
#3feac1
```
#3feac1 rgb(63,234,193)
```

Similar Colors

Text with hexadecimal color #3fea96

This text has a font color of #3fea96.

<span style="color:#3fea96;">Text here</span>

#3fea96 background color

This paragraph has a background color of #3fea96.

<p style="background-color:#3fea96;">Content here</p>

#3fea96 border color

This element has a border color of #3fea96.

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

CSS codes

.text {color:#3fea96;}

.background {background-color:#3fea96;}

.border {border:1px solid #3fea96;}

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

#000201
```
#000201 rgb(0,2,1)
```
#02140b
```
#02140b rgb(2,20,11)
```
#042615
```
#042615 rgb(4,38,21)
```
#06381f
```
#06381f rgb(6,56,31)
```
#084929
```
#084929 rgb(8,73,41)
```
#0a5b33
```
#0a5b33 rgb(10,91,51)
```
#0c6d3d
```
#0c6d3d rgb(12,109,61)
```
#0e7e47
```
#0e7e47 rgb(14,126,71)
```
#109051
```
#109051 rgb(16,144,81)
```
#12a25b
```
#12a25b rgb(18,162,91)
```
#14b365
```
#14b365 rgb(20,179,101)
```
#16c56f
```
#16c56f rgb(22,197,111)
```
#17d779
```
#17d779 rgb(23,215,121)
```

Shade Color Variation

#1ce683
```
#1ce683 rgb(28,230,131)
```
#2de88c
```
#2de88c rgb(45,232,140)
```
#3fea96
```
#3fea96 rgb(63,234,150)
```
#51eca0
```
#51eca0 rgb(81,236,160)
```
#62eea9
```
#62eea9 rgb(98,238,169)
```
#74f0b3
```
#74f0b3 rgb(116,240,179)
```
#86f2bd
```
#86f2bd rgb(134,242,189)
```
#97f4c6
```
#97f4c6 rgb(151,244,198)
```
#a9f6d0
```
#a9f6d0 rgb(169,246,208)
```
#bbf8da
```
#bbf8da rgb(187,248,218)
```
#ccf9e3
```
#ccf9e3 rgb(204,249,227)
```
#defbed
```
#defbed rgb(222,251,237)
```
#f0fdf7
```
#f0fdf7 rgb(240,253,247)
```

Tint Color Variation

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

#919895
```
#919895 rgb(145,152,149)
```
#89a095
```
#89a095 rgb(137,160,149)
```
#81a895
```
#81a895 rgb(129,168,149)
```
#78b195
```
#78b195 rgb(120,177,149)
```
#70b995
```
#70b995 rgb(112,185,149)
```
#68c195
```
#68c195 rgb(104,193,149)
```
#60c995
```
#60c995 rgb(96,201,149)
```
#58d196
```
#58d196 rgb(88,209,150)
```
#4fda96
```
#4fda96 rgb(79,218,150)
```
#47e296
```
#47e296 rgb(71,226,150)
```
#3fea96
```
#3fea96 rgb(63,234,150)
```
#37f296
```
#37f296 rgb(55,242,150)
```
#2ffa96
```
#2ffa96 rgb(47,250,150)
```

Tone Color Variation

Below, you can see how #3fea96 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

#adadad Achromatopsia 0.005% of the population
#97b9a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d091 Protanopia 1% of men
#f2c9a7 Deuteranopia 1% of men
#73e0f0 Tritanopia 0.001% of the population

Trichromacy

#a6da92 Protanomaly 1% of men, 0.01% of women
#b1d5a0 Deuteranomaly 6% of men, 0.4% of women
#60e3cf Tritanomaly 0.01% of the population