colorhexa.com

#18fa96 hex color

In a RGB color space, hex #18fa96 is composed of 9.4% red, 98% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 0% magenta, 40% yellow and 2% black. It has a hue angle of 153.5 degrees, a saturation of 95.8% and a lightness of 53.7%. #18fa96 color hex could be obtained by blending #30ffff with #00f52d. Closest websafe color is: #00ff99.

- R 9
- G 98
- B 59
RGB color chart
- C 90
- M 0
- Y 40
- K 2
CMYK color chart

● #18fa96 color description : Vivid cyan - lime green.

The hexadecimal color #18fa96 has RGB values of R:24, G:250, B:150 and CMYK values of C:0.9, M:0, Y:0.4, K:0.02. Its decimal value is 1637014.

Hex triplet	18fa96	`#18fa96`
RGB Decimal	24, 250, 150	`rgb(24,250,150)`
RGB Percent	9.4, 98, 58.8	`rgb(9.4%,98%,58.8%)`
CMYK	90, 0, 40, 2
HSL	153.5°, 95.8, 53.7	`hsl(153.5,95.8%,53.7%)`
HSV (or HSB)	153.5°, 90.4, 98
Web Safe	00ff99	`#00ff99`

CIE-LAB	87.37, -70.664, 34.509
XYZ	40.064, 70.763, 40.4
xyY	0.265, 0.468, 70.763
CIE-LCH	87.37, 78.64, 153.972
CIE-LUV	87.37, -75.841, 59.664
Hunter-Lab	84.121, -62.197, 30.41
Binary	00011000, 11111010, 10010110

#18fa96
```
#18fa96 rgb(24,250,150)
```
#fa187c
```
#fa187c rgb(250,24,124)
```

Complementary Color

#18fa25
```
#18fa25 rgb(24,250,37)
```
#18fa96
```
#18fa96 rgb(24,250,150)
```
#18edfa
```
#18edfa rgb(24,237,250)
```

Analogous Color

#fa2518
```
#fa2518 rgb(250,37,24)
```
#18fa96
```
#18fa96 rgb(24,250,150)
```
#fa18ed
```
#fa18ed rgb(250,24,237)
```

Split Complementary Color

#fa9618
```
#fa9618 rgb(250,150,24)
```
#18fa96
```
#18fa96 rgb(24,250,150)
```
#9618fa
```
#9618fa rgb(150,24,250)
```

Triadic Color

#7cfa18
```
#7cfa18 rgb(124,250,24)
```
#18fa96
```
#18fa96 rgb(24,250,150)
```
#9618fa
```
#9618fa rgb(150,24,250)
```
#fa187c
```
#fa187c rgb(250,24,124)
```

Tetradic Color

#04c16e
```
#04c16e rgb(4,193,110)
```
#05da7c
```
#05da7c rgb(5,218,124)
```
#05f38a
```
#05f38a rgb(5,243,138)
```
#18fa96
```
#18fa96 rgb(24,250,150)
```
#31fba1
```
#31fba1 rgb(49,251,161)
```
#4afbad
```
#4afbad rgb(74,251,173)
```
#63fcb8
```
#63fcb8 rgb(99,252,184)
```

Monochromatic Color

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

#18fa5d
```
#18fa5d rgb(24,250,93)
```
#18fa70
```
#18fa70 rgb(24,250,112)
```
#18fa83
```
#18fa83 rgb(24,250,131)
```
#18fa96
```
#18fa96 rgb(24,250,150)
```
#18faa9
```
#18faa9 rgb(24,250,169)
```
#18fabc
```
#18fabc rgb(24,250,188)
```
#18facf
```
#18facf rgb(24,250,207)
```

Similar Colors

Text with hexadecimal color #18fa96

This text has a font color of #18fa96.

<span style="color:#18fa96;">Text here</span>

#18fa96 background color

This paragraph has a background color of #18fa96.

<p style="background-color:#18fa96;">Content here</p>

#18fa96 border color

This element has a border color of #18fa96.

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

CSS codes

.text {color:#18fa96;}

.background {background-color:#18fa96;}

.border {border:1px solid #18fa96;}

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

#00130b
```
#00130b rgb(0,19,11)
```
#012615
```
#012615 rgb(1,38,21)
```
#013920
```
#013920 rgb(1,57,32)
```
#024c2b
```
#024c2b rgb(2,76,43)
```
#025f36
```
#025f36 rgb(2,95,54)
```
#027341
```
#027341 rgb(2,115,65)
```
#03864c
```
#03864c rgb(3,134,76)
```
#039957
```
#039957 rgb(3,153,87)
```
#04ac62
```
#04ac62 rgb(4,172,98)
```
#04bf6d
```
#04bf6d rgb(4,191,109)
```
#05d377
```
#05d377 rgb(5,211,119)
```
#05e682
```
#05e682 rgb(5,230,130)
```
#05f98d
```
#05f98d rgb(5,249,141)
```

Shade Color Variation

#18fa96
```
#18fa96 rgb(24,250,150)
```
#2bfa9f
```
#2bfa9f rgb(43,250,159)
```
#3efba7
```
#3efba7 rgb(62,251,167)
```
#52fbb0
```
#52fbb0 rgb(82,251,176)
```
#65fcb9
```
#65fcb9 rgb(101,252,185)
```
#78fcc2
```
#78fcc2 rgb(120,252,194)
```
#8bfcca
```
#8bfcca rgb(139,252,202)
```
#9efdd3
```
#9efdd3 rgb(158,253,211)
```
#b2fddc
```
#b2fddc rgb(178,253,220)
```
#c5fee5
```
#c5fee5 rgb(197,254,229)
```
#d8feed
```
#d8feed rgb(216,254,237)
```
#ebfff6
```
#ebfff6 rgb(235,255,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858d89 is the less saturated color, while #18fa96 is the most saturated one.

#858d89
```
#858d89 rgb(133,141,137)
```
#7c968b
```
#7c968b rgb(124,150,139)
```
#739f8c
```
#739f8c rgb(115,159,140)
```
#6aa88d
```
#6aa88d rgb(106,168,141)
```
#61b18e
```
#61b18e rgb(97,177,142)
```
#58ba8f
```
#58ba8f rgb(88,186,143)
```
#4ec490
```
#4ec490 rgb(78,196,144)
```
#45cd91
```
#45cd91 rgb(69,205,145)
```
#3cd692
```
#3cd692 rgb(60,214,146)
```
#33df93
```
#33df93 rgb(51,223,147)
```
#2ae894
```
#2ae894 rgb(42,232,148)
```
#21f195
```
#21f195 rgb(33,241,149)
```
#18fa96
```
#18fa96 rgb(24,250,150)
```

Tone Color Variation

Below, you can see how #18fa96 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

#ababab Achromatopsia 0.005% of the population
#8ebba7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efdc90 Protanopia 1% of men
#ffd5af Deuteranopia 1% of men
#71edff Tritanopia 0.001% of the population

Trichromacy

#a1e792 Protanomaly 1% of men, 0.01% of women
#abe2a6 Deuteranomaly 6% of men, 0.4% of women
#50f2d8 Tritanomaly 0.01% of the population