#18f0a4 hex color

In a RGB color space, hex #18f0a4 is composed of 9.4% red, 94.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 0% magenta, 31.7% yellow and 5.9% black. It has a hue angle of 158.9 degrees, a saturation of 87.8% and a lightness of 51.8%. #18f0a4 color hex could be obtained by blending #30ffff with #00e149. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 9
- G 94
- B 64
RGB color chart
- C 90
- M 0
- Y 32
- K 6
CMYK color chart

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

The hexadecimal color #18f0a4 has RGB values of R:24, G:240, B:164 and CMYK values of C:0.9, M:0, Y:0.32, K:0.06. Its decimal value is 1634468.

Hex triplet	18f0a4	`#18f0a4`
RGB Decimal	24, 240, 164	`rgb(24,240,164)`
RGB Percent	9.4, 94.1, 64.3	`rgb(9.4%,94.1%,64.3%)`
CMYK	90, 0, 32, 6
HSL	158.9°, 87.8, 51.8	`hsl(158.9,87.8%,51.8%)`
HSV (or HSB)	158.9°, 90, 94.1
Web Safe	00ff99	`#00ff99`

CIE-LAB	84.582, -64.444, 23.687
XYZ	38.234, 65.191, 45.688
xyY	0.256, 0.437, 65.191
CIE-LCH	84.582, 68.659, 159.819
CIE-LUV	84.582, -71.707, 44.482
Hunter-Lab	80.741, -56.768, 22.969
Binary	00011000, 11110000, 10100100

#18f0a4
```
#18f0a4 rgb(24,240,164)
```
#f01864
```
#f01864 rgb(240,24,100)
```

Complementary Color

#18f038
```
#18f038 rgb(24,240,56)
```
#18f0a4
```
#18f0a4 rgb(24,240,164)
```
#18d0f0
```
#18d0f0 rgb(24,208,240)
```

Analogous Color

#f03818
```
#f03818 rgb(240,56,24)
```
#18f0a4
```
#18f0a4 rgb(24,240,164)
```
#f018d0
```
#f018d0 rgb(240,24,208)
```

Split Complementary Color

#f0a418
```
#f0a418 rgb(240,164,24)
```
#18f0a4
```
#18f0a4 rgb(24,240,164)
```
#a418f0
```
#a418f0 rgb(164,24,240)
```

Triadic Color

#64f018
```
#64f018 rgb(100,240,24)
```
#18f0a4
```
#18f0a4 rgb(24,240,164)
```
#a418f0
```
#a418f0 rgb(164,24,240)
```
#f01864
```
#f01864 rgb(240,24,100)
```

Tetradic Color

#0bb076
```
#0bb076 rgb(11,176,118)
```
#0dc886
```
#0dc886 rgb(13,200,134)
```
#0fe096
```
#0fe096 rgb(15,224,150)
```
#18f0a4
```
#18f0a4 rgb(24,240,164)
```
#30f2ad
```
#30f2ad rgb(48,242,173)
```
#48f3b7
```
#48f3b7 rgb(72,243,183)
```
#60f5c0
```
#60f5c0 rgb(96,245,192)
```

Monochromatic Color

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

#18f06e
```
#18f06e rgb(24,240,110)
```
#18f080
```
#18f080 rgb(24,240,128)
```
#18f092
```
#18f092 rgb(24,240,146)
```
#18f0a4
```
#18f0a4 rgb(24,240,164)
```
#18f0b6
```
#18f0b6 rgb(24,240,182)
```
#18f0c8
```
#18f0c8 rgb(24,240,200)
```
#18f0da
```
#18f0da rgb(24,240,218)
```

Similar Colors

Text with hexadecimal color #18f0a4

This text has a font color of #18f0a4.

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

#18f0a4 background color

This paragraph has a background color of #18f0a4.

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

#18f0a4 border color

This element has a border color of #18f0a4.

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

CSS codes

.text {color:#18f0a4;}

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

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

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

#010806
```
#010806 rgb(1,8,6)
```
#021b12
```
#021b12 rgb(2,27,18)
```
#032d1e
```
#032d1e rgb(3,45,30)
```
#04402b
```
#04402b rgb(4,64,43)
```
#055237
```
#055237 rgb(5,82,55)
```
#076543
```
#076543 rgb(7,101,67)
```
#087750
```
#087750 rgb(8,119,80)
```
#09895c
```
#09895c rgb(9,137,92)
```
#0a9c69
```
#0a9c69 rgb(10,156,105)
```
#0bae75
```
#0bae75 rgb(11,174,117)
```
#0dc181
```
#0dc181 rgb(13,193,129)
```
#0ed38e
```
#0ed38e rgb(14,211,142)
```
#0fe59a
```
#0fe59a rgb(15,229,154)
```

Shade Color Variation

#18f0a4
```
#18f0a4 rgb(24,240,164)
```
#2af1ab
```
#2af1ab rgb(42,241,171)
```
#3df2b3
```
#3df2b3 rgb(61,242,179)
```
#4ff4ba
```
#4ff4ba rgb(79,244,186)
```
#62f5c1
```
#62f5c1 rgb(98,245,193)
```
#74f6c8
```
#74f6c8 rgb(116,246,200)
```
#87f7d0
```
#87f7d0 rgb(135,247,208)
```
#99f8d7
```
#99f8d7 rgb(153,248,215)
```
#abfade
```
#abfade rgb(171,250,222)
```
#befbe5
```
#befbe5 rgb(190,251,229)
```
#d0fced
```
#d0fced rgb(208,252,237)
```
#e3fdf4
```
#e3fdf4 rgb(227,253,244)
```
#f5fefb
```
#f5fefb rgb(245,254,251)
```

Tint Color Variation

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

#808885
```
#808885 rgb(128,136,133)
```
#779188
```
#779188 rgb(119,145,136)
```
#6d9b8b
```
#6d9b8b rgb(109,155,139)
```
#64a48e
```
#64a48e rgb(100,164,142)
```
#5aae90
```
#5aae90 rgb(90,174,144)
```
#51b793
```
#51b793 rgb(81,183,147)
```
#47c196
```
#47c196 rgb(71,193,150)
```
#3eca99
```
#3eca99 rgb(62,202,153)
```
#34d49c
```
#34d49c rgb(52,212,156)
```
#2bdd9e
```
#2bdd9e rgb(43,221,158)
```
#21e7a1
```
#21e7a1 rgb(33,231,161)
```
#18f0a4
```
#18f0a4 rgb(24,240,164)
```
#0ff9a7
```
#0ff9a7 rgb(15,249,167)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#8ab6a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d59d Protanopia 1% of men
#f4cdb4 Deuteranopia 1% of men
#64e6f7 Tritanopia 0.001% of the population

Trichromacy

#9ade9f Protanomaly 1% of men, 0.01% of women
#a4daae Deuteranomaly 6% of men, 0.4% of women
#48ead9 Tritanomaly 0.01% of the population

#18f0a4 hex color

#18f0a4 Color Information

#18f0a4 Color Conversion

Color Schemes with #18f0a4

Alternatives to #18f0a4

#18f0a4 Preview

Shades and Tints of #18f0a4

Tones of #18f0a4

Color Blindness Simulator