#18f2a0 hex color

In a RGB color space, hex #18f2a0 is composed of 9.4% red, 94.9% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 0% magenta, 33.9% yellow and 5.1% black. It has a hue angle of 157.4 degrees, a saturation of 89.3% and a lightness of 52.2%. #18f2a0 color hex could be obtained by blending #30ffff with #00e541. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 9
- G 95
- B 63
RGB color chart
- C 90
- M 0
- Y 34
- K 5
CMYK color chart

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

The hexadecimal color #18f2a0 has RGB values of R:24, G:242, B:160 and CMYK values of C:0.9, M:0, Y:0.34, K:0.05. Its decimal value is 1634976.

Hex triplet	18f2a0	`#18f2a0`
RGB Decimal	24, 242, 160	`rgb(24,242,160)`
RGB Percent	9.4, 94.9, 62.7	`rgb(9.4%,94.9%,62.7%)`
CMYK	90, 0, 34, 5
HSL	157.4°, 89.3, 52.2	`hsl(157.4,89.3%,52.2%)`
HSV (or HSB)	157.4°, 90.1, 94.9
Web Safe	00ff99	`#00ff99`

CIE-LAB	85.115, -65.982, 26.459
XYZ	38.471, 66.232, 44.012
xyY	0.259, 0.445, 66.232
CIE-LCH	85.115, 71.089, 158.149
CIE-LUV	85.115, -72.626, 48.434
Hunter-Lab	81.383, -58.042, 24.904
Binary	00011000, 11110010, 10100000

#18f2a0
```
#18f2a0 rgb(24,242,160)
```
#f2186a
```
#f2186a rgb(242,24,106)
```

Complementary Color

#18f233
```
#18f233 rgb(24,242,51)
```
#18f2a0
```
#18f2a0 rgb(24,242,160)
```
#18d7f2
```
#18d7f2 rgb(24,215,242)
```

Analogous Color

#f23318
```
#f23318 rgb(242,51,24)
```
#18f2a0
```
#18f2a0 rgb(24,242,160)
```
#f218d7
```
#f218d7 rgb(242,24,215)
```

Split Complementary Color

#f2a018
```
#f2a018 rgb(242,160,24)
```
#18f2a0
```
#18f2a0 rgb(24,242,160)
```
#a018f2
```
#a018f2 rgb(160,24,242)
```

Triadic Color

#6af218
```
#6af218 rgb(106,242,24)
```
#18f2a0
```
#18f2a0 rgb(24,242,160)
```
#a018f2
```
#a018f2 rgb(160,24,242)
```
#f2186a
```
#f2186a rgb(242,24,106)
```

Tetradic Color

#0ab374
```
#0ab374 rgb(10,179,116)
```
#0bcc83
```
#0bcc83 rgb(11,204,131)
```
#0de493
```
#0de493 rgb(13,228,147)
```
#18f2a0
```
#18f2a0 rgb(24,242,160)
```
#30f3aa
```
#30f3aa rgb(48,243,170)
```
#48f5b4
```
#48f5b4 rgb(72,245,180)
```
#60f6be
```
#60f6be rgb(96,246,190)
```

Monochromatic Color

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

#18f26a
```
#18f26a rgb(24,242,106)
```
#18f27c
```
#18f27c rgb(24,242,124)
```
#18f28e
```
#18f28e rgb(24,242,142)
```
#18f2a0
```
#18f2a0 rgb(24,242,160)
```
#18f2b2
```
#18f2b2 rgb(24,242,178)
```
#18f2c4
```
#18f2c4 rgb(24,242,196)
```
#18f2d7
```
#18f2d7 rgb(24,242,215)
```

Similar Colors

Text with hexadecimal color #18f2a0

This text has a font color of #18f2a0.

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

#18f2a0 background color

This paragraph has a background color of #18f2a0.

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

#18f2a0 border color

This element has a border color of #18f2a0.

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

CSS codes

.text {color:#18f2a0;}

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

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

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, #010a07 is the darkest color, while #f7fffc is the lightest one.

#010a07
```
#010a07 rgb(1,10,7)
```
#021d13
```
#021d13 rgb(2,29,19)
```
#03301f
```
#03301f rgb(3,48,31)
```
#04422b
```
#04422b rgb(4,66,43)
```
#055537
```
#055537 rgb(5,85,55)
```
#066743
```
#066743 rgb(6,103,67)
```
#077a4f
```
#077a4f rgb(7,122,79)
```
#088c5b
```
#088c5b rgb(8,140,91)
```
#099f67
```
#099f67 rgb(9,159,103)
```
#0ab273
```
#0ab273 rgb(10,178,115)
```
#0bc47e
```
#0bc47e rgb(11,196,126)
```
#0cd78a
```
#0cd78a rgb(12,215,138)
```
#0de996
```
#0de996 rgb(13,233,150)
```

Shade Color Variation

#18f2a0
```
#18f2a0 rgb(24,242,160)
```
#2bf3a8
```
#2bf3a8 rgb(43,243,168)
```
#3df4af
```
#3df4af rgb(61,244,175)
```
#50f5b7
```
#50f5b7 rgb(80,245,183)
```
#62f6bf
```
#62f6bf rgb(98,246,191)
```
#75f7c6
```
#75f7c6 rgb(117,247,198)
```
#87f8ce
```
#87f8ce rgb(135,248,206)
```
#9af9d5
```
#9af9d5 rgb(154,249,213)
```
#adfadd
```
#adfadd rgb(173,250,221)
```
#bffbe5
```
#bffbe5 rgb(191,251,229)
```
#d2fcec
```
#d2fcec rgb(210,252,236)
```
#e4fdf4
```
#e4fdf4 rgb(228,253,244)
```
#f7fffc
```
#f7fffc rgb(247,255,252)
```

Tint Color Variation

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

#7f8b86
```
#7f8b86 rgb(127,139,134)
```
#769489
```
#769489 rgb(118,148,137)
```
#6c9e8b
```
#6c9e8b rgb(108,158,139)
```
#63a78d
```
#63a78d rgb(99,167,141)
```
#5ab090
```
#5ab090 rgb(90,176,144)
```
#50ba92
```
#50ba92 rgb(80,186,146)
```
#47c394
```
#47c394 rgb(71,195,148)
```
#3ecc97
```
#3ecc97 rgb(62,204,151)
```
#34d699
```
#34d699 rgb(52,214,153)
```
#2bdf9b
```
#2bdf9b rgb(43,223,155)
```
#21e99e
```
#21e99e rgb(33,233,158)
```
#18f2a0
```
#18f2a0 rgb(24,242,160)
```
#0ffba2
```
#0ffba2 rgb(15,251,162)
```

Tone Color Variation

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

#e7d699 Protanopia 1% of men
#f7ceb1 Deuteranopia 1% of men
#66e8f8 Tritanopia 0.001% of the population

Trichromacy

#9be09b Protanomaly 1% of men, 0.01% of women
#a6dbab Deuteranomaly 6% of men, 0.4% of women
#4aebd8 Tritanomaly 0.01% of the population

#18f2a0 hex color

#18f2a0 Color Information

#18f2a0 Color Conversion

Color Schemes with #18f2a0

Alternatives to #18f2a0

#18f2a0 Preview

Shades and Tints of #18f2a0

Tones of #18f2a0

Color Blindness Simulator