#18fb96 hex color

In a RGB color space, hex #18fb96 is composed of 9.4% red, 98.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 0% magenta, 40.2% yellow and 1.6% black. It has a hue angle of 153.3 degrees, a saturation of 96.6% and a lightness of 53.9%. #18fb96 color hex could be obtained by blending #30ffff with #00f72d. Closest websafe color is: #00ff99.

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

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

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

Hex triplet	18fb96	`#18fb96`
RGB Decimal	24, 251, 150	`rgb(24,251,150)`
RGB Percent	9.4, 98.4, 58.8	`rgb(9.4%,98.4%,58.8%)`
CMYK	90, 0, 40, 2
HSL	153.3°, 96.6, 53.9	`hsl(153.3,96.6%,53.9%)`
HSV (or HSB)	153.3°, 90.4, 98.4
Web Safe	00ff99	`#00ff99`

CIE-LAB	87.672, -70.999, 34.907
XYZ	40.376, 71.386, 40.503
xyY	0.265, 0.469, 71.386
CIE-LCH	87.672, 79.116, 153.819
CIE-LUV	87.672, -76.159, 60.254
Hunter-Lab	84.49, -62.557, 30.72
Binary	00011000, 11111011, 10010110

#18fb96
```
#18fb96 rgb(24,251,150)
```
#fb187d
```
#fb187d rgb(251,24,125)
```

Complementary Color

#18fb25
```
#18fb25 rgb(24,251,37)
```
#18fb96
```
#18fb96 rgb(24,251,150)
```
#18effb
```
#18effb rgb(24,239,251)
```

Analogous Color

#fb2518
```
#fb2518 rgb(251,37,24)
```
#18fb96
```
#18fb96 rgb(24,251,150)
```
#fb18ef
```
#fb18ef rgb(251,24,239)
```

Split Complementary Color

#fb9618
```
#fb9618 rgb(251,150,24)
```
#18fb96
```
#18fb96 rgb(24,251,150)
```
#9618fb
```
#9618fb rgb(150,24,251)
```

Triadic Color

#7dfb18
```
#7dfb18 rgb(125,251,24)
```
#18fb96
```
#18fb96 rgb(24,251,150)
```
#9618fb
```
#9618fb rgb(150,24,251)
```
#fb187d
```
#fb187d rgb(251,24,125)
```

Tetradic Color

#03c36e
```
#03c36e rgb(3,195,110)
```
#04dc7c
```
#04dc7c rgb(4,220,124)
```
#04f58a
```
#04f58a rgb(4,245,138)
```
#18fb96
```
#18fb96 rgb(24,251,150)
```
#31fba1
```
#31fba1 rgb(49,251,161)
```
#4afcad
```
#4afcad rgb(74,252,173)
```
#63fcb8
```
#63fcb8 rgb(99,252,184)
```

Monochromatic Color

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

#18fb5d
```
#18fb5d rgb(24,251,93)
```
#18fb70
```
#18fb70 rgb(24,251,112)
```
#18fb83
```
#18fb83 rgb(24,251,131)
```
#18fb96
```
#18fb96 rgb(24,251,150)
```
#18fba9
```
#18fba9 rgb(24,251,169)
```
#18fbbc
```
#18fbbc rgb(24,251,188)
```
#18fbcf
```
#18fbcf rgb(24,251,207)
```

Similar Colors

Text with hexadecimal color #18fb96

This text has a font color of #18fb96.

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

#18fb96 background color

This paragraph has a background color of #18fb96.

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

#18fb96 border color

This element has a border color of #18fb96.

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

CSS codes

.text {color:#18fb96;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#00140b
```
#00140b rgb(0,20,11)
```
#012716
```
#012716 rgb(1,39,22)
```
#013a21
```
#013a21 rgb(1,58,33)
```
#014e2c
```
#014e2c rgb(1,78,44)
```
#026136
```
#026136 rgb(2,97,54)
```
#027441
```
#027441 rgb(2,116,65)
```
#02874c
```
#02874c rgb(2,135,76)
```
#039b57
```
#039b57 rgb(3,155,87)
```
#03ae62
```
#03ae62 rgb(3,174,98)
```
#03c16d
```
#03c16d rgb(3,193,109)
```
#04d478
```
#04d478 rgb(4,212,120)
```
#04e882
```
#04e882 rgb(4,232,130)
```

Shade Color Variation

#05fb8d
```
#05fb8d rgb(5,251,141)
```
#18fb96
```
#18fb96 rgb(24,251,150)
```
#2bfb9f
```
#2bfb9f rgb(43,251,159)
```
#3ffca8
```
#3ffca8 rgb(63,252,168)
```
#52fcb0
```
#52fcb0 rgb(82,252,176)
```
#65fcb9
```
#65fcb9 rgb(101,252,185)
```
#78fdc2
```
#78fdc2 rgb(120,253,194)
```
#8cfdcb
```
#8cfdcb rgb(140,253,203)
```
#9ffdd3
```
#9ffdd3 rgb(159,253,211)
```
#b2fedc
```
#b2fedc rgb(178,254,220)
```
#c6fee5
```
#c6fee5 rgb(198,254,229)
```
#d9feee
```
#d9feee rgb(217,254,238)
```
#ecfff6
```
#ecfff6 rgb(236,255,246)
```

Tint Color Variation

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

#848f8a
```
#848f8a rgb(132,143,138)
```
#7b988b
```
#7b988b rgb(123,152,139)
```
#72a18c
```
#72a18c rgb(114,161,140)
```
#69aa8d
```
#69aa8d rgb(105,170,141)
```
#60b38e
```
#60b38e rgb(96,179,142)
```
#57bc8f
```
#57bc8f rgb(87,188,143)
```
#4ec590
```
#4ec590 rgb(78,197,144)
```
#45ce91
```
#45ce91 rgb(69,206,145)
```
#3cd792
```
#3cd792 rgb(60,215,146)
```
#33e093
```
#33e093 rgb(51,224,147)
```
#2ae994
```
#2ae994 rgb(42,233,148)
```
#21f295
```
#21f295 rgb(33,242,149)
```
#18fb96
```
#18fb96 rgb(24,251,150)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#8ebca8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0dd90 Protanopia 1% of men
#ffd6b1 Deuteranopia 1% of men
#77eeff Tritanopia 0.001% of the population

Trichromacy

#a1e892 Protanomaly 1% of men, 0.01% of women
#abe3a7 Deuteranomaly 6% of men, 0.4% of women
#54f2d8 Tritanomaly 0.01% of the population

#18fb96 hex color

#18fb96 Color Information

#18fb96 Color Conversion

Color Schemes with #18fb96

Alternatives to #18fb96

#18fb96 Preview

Shades and Tints of #18fb96

Tones of #18fb96

Color Blindness Simulator