#18a48a hex color

In a RGB color space, hex #18a48a is composed of 9.4% red, 64.3% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 0% magenta, 15.9% yellow and 35.7% black. It has a hue angle of 168.9 degrees, a saturation of 74.5% and a lightness of 36.9%. #18a48a color hex could be obtained by blending #30ffff with #004915. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 9
- G 64
- B 54
RGB color chart
- C 85
- M 0
- Y 16
- K 36
CMYK color chart

● #18a48a color description : Dark cyan.

The hexadecimal color #18a48a has RGB values of R:24, G:164, B:138 and CMYK values of C:0.85, M:0, Y:0.16, K:0.36. Its decimal value is 1614986.

Hex triplet	18a48a	`#18a48a`
RGB Decimal	24, 164, 138	`rgb(24,164,138)`
RGB Percent	9.4, 64.3, 54.1	`rgb(9.4%,64.3%,54.1%)`
CMYK	85, 0, 16, 36
HSL	168.9°, 74.5, 36.9	`hsl(168.9,74.5%,36.9%)`
HSV (or HSB)	168.9°, 85.4, 64.3
Web Safe	009999	`#009999`

CIE-LAB	60.408, -40.952, 3.655
XYZ	18.238, 28.578, 28.598
xyY	0.242, 0.379, 28.578
CIE-LCH	60.408, 41.114, 174.9
CIE-LUV	60.408, -47.82, 11.378
Hunter-Lab	53.459, -32.656, 5.703
Binary	00011000, 10100100, 10001010

#18a48a
```
#18a48a rgb(24,164,138)
```
#a41832
```
#a41832 rgb(164,24,50)
```

Complementary Color

#18a444
```
#18a444 rgb(24,164,68)
```
#18a48a
```
#18a48a rgb(24,164,138)
```
#1878a4
```
#1878a4 rgb(24,120,164)
```

Analogous Color

#a44418
```
#a44418 rgb(164,68,24)
```
#18a48a
```
#18a48a rgb(24,164,138)
```
#a41878
```
#a41878 rgb(164,24,120)
```

Split Complementary Color

#a48a18
```
#a48a18 rgb(164,138,24)
```
#18a48a
```
#18a48a rgb(24,164,138)
```
#8a18a4
```
#8a18a4 rgb(138,24,164)
```

Triadic Color

#32a418
```
#32a418 rgb(50,164,24)
```
#18a48a
```
#18a48a rgb(24,164,138)
```
#8a18a4
```
#8a18a4 rgb(138,24,164)
```
#a41832
```
#a41832 rgb(164,24,50)
```

Tetradic Color

#0e6152
```
#0e6152 rgb(14,97,82)
```
#117865
```
#117865 rgb(17,120,101)
```
#158e77
```
#158e77 rgb(21,142,119)
```
#18a48a
```
#18a48a rgb(24,164,138)
```
#1bba9d
```
#1bba9d rgb(27,186,157)
```
#1fd0af
```
#1fd0af rgb(31,208,175)
```
#29e0be
```
#29e0be rgb(41,224,190)
```

Monochromatic Color

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

#18a467
```
#18a467 rgb(24,164,103)
```
#18a473
```
#18a473 rgb(24,164,115)
```
#18a47e
```
#18a47e rgb(24,164,126)
```
#18a48a
```
#18a48a rgb(24,164,138)
```
#18a496
```
#18a496 rgb(24,164,150)
```
#18a4a1
```
#18a4a1 rgb(24,164,161)
```
#189ba4
```
#189ba4 rgb(24,155,164)
```

Similar Colors

Text with hexadecimal color #18a48a

This text has a font color of #18a48a.

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

#18a48a background color

This paragraph has a background color of #18a48a.

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

#18a48a border color

This element has a border color of #18a48a.

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

CSS codes

.text {color:#18a48a;}

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

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

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

#010a08
```
#010a08 rgb(1,10,8)
```
#041b17
```
#041b17 rgb(4,27,23)
```
#062c25
```
#062c25 rgb(6,44,37)
```
#093d34
```
#093d34 rgb(9,61,52)
```
#0b4e42
```
#0b4e42 rgb(11,78,66)
```
#0e6050
```
#0e6050 rgb(14,96,80)
```
#10715f
```
#10715f rgb(16,113,95)
```
#13826d
```
#13826d rgb(19,130,109)
```
#15937c
```
#15937c rgb(21,147,124)
```
#18a48a
```
#18a48a rgb(24,164,138)
```
#1bb598
```
#1bb598 rgb(27,181,152)
```
#1dc6a7
```
#1dc6a7 rgb(29,198,167)
```
#20d7b5
```
#20d7b5 rgb(32,215,181)
```

Shade Color Variation

#2be0be
```
#2be0be rgb(43,224,190)
```
#3ce2c3
```
#3ce2c3 rgb(60,226,195)
```
#4de5c9
```
#4de5c9 rgb(77,229,201)
```
#5ee7ce
```
#5ee7ce rgb(94,231,206)
```
#6fead3
```
#6fead3 rgb(111,234,211)
```
#80ecd8
```
#80ecd8 rgb(128,236,216)
```
#91efde
```
#91efde rgb(145,239,222)
```
#a2f1e3
```
#a2f1e3 rgb(162,241,227)
```
#b3f4e8
```
#b3f4e8 rgb(179,244,232)
```
#c5f6ed
```
#c5f6ed rgb(197,246,237)
```
#d6f9f2
```
#d6f9f2 rgb(214,249,242)
```
#e7fbf8
```
#e7fbf8 rgb(231,251,248)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

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

#596361
```
#596361 rgb(89,99,97)
```
#526a66
```
#526a66 rgb(82,106,102)
```
#4b716a
```
#4b716a rgb(75,113,106)
```
#43796f
```
#43796f rgb(67,121,111)
```
#3c8073
```
#3c8073 rgb(60,128,115)
```
#358778
```
#358778 rgb(53,135,120)
```
#2e8e7c
```
#2e8e7c rgb(46,142,124)
```
#269681
```
#269681 rgb(38,150,129)
```
#1f9d85
```
#1f9d85 rgb(31,157,133)
```
#18a48a
```
#18a48a rgb(24,164,138)
```
#11ab8f
```
#11ab8f rgb(17,171,143)
```
#0ab293
```
#0ab293 rgb(10,178,147)
```
#02ba98
```
#02ba98 rgb(2,186,152)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#64807b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9687 Protanopia 1% of men
#a49297 Deuteranopia 1% of men
#40a4b0 Tritanopia 0.001% of the population

Trichromacy

#6d9b88 Protanomaly 1% of men, 0.01% of women
#719992 Deuteranomaly 6% of men, 0.4% of women
#31a4a2 Tritanomaly 0.01% of the population

#18a48a hex color

#18a48a Color Information

#18a48a Color Conversion

Color Schemes with #18a48a

Alternatives to #18a48a

#18a48a Preview

Shades and Tints of #18a48a

Tones of #18a48a

Color Blindness Simulator