#18faa2 hex color

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

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

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

The hexadecimal color #18faa2 has RGB values of R:24, G:250, B:162 and CMYK values of C:0.9, M:0, Y:0.35, K:0.02. Its decimal value is 1637026.

Hex triplet	18faa2	`#18faa2`
RGB Decimal	24, 250, 162	`rgb(24,250,162)`
RGB Percent	9.4, 98, 63.5	`rgb(9.4%,98%,63.5%)`
CMYK	90, 0, 35, 2
HSL	156.6°, 95.8, 53.7	`hsl(156.6,95.8%,53.7%)`
HSV (or HSB)	156.6°, 90.4, 98
Web Safe	00ff99	`#00ff99`

CIE-LAB	87.567, -68.372, 28.763
XYZ	41.081, 71.17, 45.752
xyY	0.26, 0.45, 71.17
CIE-LCH	87.567, 74.176, 157.184
CIE-LUV	87.567, -75.073, 52.113
Hunter-Lab	84.362, -60.712, 26.898
Binary	00011000, 11111010, 10100010

#18faa2
```
#18faa2 rgb(24,250,162)
```
#fa1870
```
#fa1870 rgb(250,24,112)
```

Complementary Color

#18fa31
```
#18fa31 rgb(24,250,49)
```
#18faa2
```
#18faa2 rgb(24,250,162)
```
#18e1fa
```
#18e1fa rgb(24,225,250)
```

Analogous Color

#fa3118
```
#fa3118 rgb(250,49,24)
```
#18faa2
```
#18faa2 rgb(24,250,162)
```
#fa18e1
```
#fa18e1 rgb(250,24,225)
```

Split Complementary Color

#faa218
```
#faa218 rgb(250,162,24)
```
#18faa2
```
#18faa2 rgb(24,250,162)
```
#a218fa
```
#a218fa rgb(162,24,250)
```

Triadic Color

#70fa18
```
#70fa18 rgb(112,250,24)
```
#18faa2
```
#18faa2 rgb(24,250,162)
```
#a218fa
```
#a218fa rgb(162,24,250)
```
#fa1870
```
#fa1870 rgb(250,24,112)
```

Tetradic Color

#04c178
```
#04c178 rgb(4,193,120)
```
#05da87
```
#05da87 rgb(5,218,135)
```
#05f397
```
#05f397 rgb(5,243,151)
```
#18faa2
```
#18faa2 rgb(24,250,162)
```
#31fbac
```
#31fbac rgb(49,251,172)
```
#4afbb6
```
#4afbb6 rgb(74,251,182)
```
#63fcc0
```
#63fcc0 rgb(99,252,192)
```

Monochromatic Color

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

#18fa6a
```
#18fa6a rgb(24,250,106)
```
#18fa7c
```
#18fa7c rgb(24,250,124)
```
#18fa8f
```
#18fa8f rgb(24,250,143)
```
#18faa2
```
#18faa2 rgb(24,250,162)
```
#18fab5
```
#18fab5 rgb(24,250,181)
```
#18fac8
```
#18fac8 rgb(24,250,200)
```
#18fadb
```
#18fadb rgb(24,250,219)
```

Similar Colors

Text with hexadecimal color #18faa2

This text has a font color of #18faa2.

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

#18faa2 background color

This paragraph has a background color of #18faa2.

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

#18faa2 border color

This element has a border color of #18faa2.

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

CSS codes

.text {color:#18faa2;}

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

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

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

#00130c
```
#00130c rgb(0,19,12)
```
#012617
```
#012617 rgb(1,38,23)
```
#013923
```
#013923 rgb(1,57,35)
```
#024c2f
```
#024c2f rgb(2,76,47)
```
#025f3b
```
#025f3b rgb(2,95,59)
```
#027347
```
#027347 rgb(2,115,71)
```
#038653
```
#038653 rgb(3,134,83)
```
#03995f
```
#03995f rgb(3,153,95)
```
#04ac6b
```
#04ac6b rgb(4,172,107)
```
#04bf76
```
#04bf76 rgb(4,191,118)
```
#05d382
```
#05d382 rgb(5,211,130)
```
#05e68e
```
#05e68e rgb(5,230,142)
```
#05f99a
```
#05f99a rgb(5,249,154)
```

Shade Color Variation

#18faa2
```
#18faa2 rgb(24,250,162)
```
#2bfaaa
```
#2bfaaa rgb(43,250,170)
```
#3efbb1
```
#3efbb1 rgb(62,251,177)
```
#52fbb9
```
#52fbb9 rgb(82,251,185)
```
#65fcc1
```
#65fcc1 rgb(101,252,193)
```
#78fcc9
```
#78fcc9 rgb(120,252,201)
```
#8bfcd0
```
#8bfcd0 rgb(139,252,208)
```
#9efdd8
```
#9efdd8 rgb(158,253,216)
```
#b2fde0
```
#b2fde0 rgb(178,253,224)
```
#c5fee8
```
#c5fee8 rgb(197,254,232)
```
#d8feef
```
#d8feef rgb(216,254,239)
```
#ebfff7
```
#ebfff7 rgb(235,255,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#858d8a
```
#858d8a rgb(133,141,138)
```
#7c968c
```
#7c968c rgb(124,150,140)
```
#739f8e
```
#739f8e rgb(115,159,142)
```
#6aa890
```
#6aa890 rgb(106,168,144)
```
#61b192
```
#61b192 rgb(97,177,146)
```
#58ba94
```
#58ba94 rgb(88,186,148)
```
#4ec496
```
#4ec496 rgb(78,196,150)
```
#45cd98
```
#45cd98 rgb(69,205,152)
```
#3cd69a
```
#3cd69a rgb(60,214,154)
```
#33df9c
```
#33df9c rgb(51,223,156)
```
#2ae89e
```
#2ae89e rgb(42,232,158)
```
#21f1a0
```
#21f1a0 rgb(33,241,160)
```
#18faa2
```
#18faa2 rgb(24,250,162)
```

Tone Color Variation

Below, you can see how #18faa2 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
#8ebcaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedd9b Protanopia 1% of men
#ffd5b5 Deuteranopia 1% of men
#73eeff Tritanopia 0.001% of the population

Trichromacy

#a0e79d Protanomaly 1% of men, 0.01% of women
#abe2ae Deuteranomaly 6% of men, 0.4% of women
#52f2dd Tritanomaly 0.01% of the population

#18faa2 hex color

#18faa2 Color Information

#18faa2 Color Conversion

Color Schemes with #18faa2

Alternatives to #18faa2

#18faa2 Preview

Shades and Tints of #18faa2

Tones of #18faa2

Color Blindness Simulator