#18a054 hex color

In a RGB color space, hex #18a054 is composed of 9.4% red, 62.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 0% magenta, 47.5% yellow and 37.3% black. It has a hue angle of 146.5 degrees, a saturation of 73.9% and a lightness of 36.1%. #18a054 color hex could be obtained by blending #30ffa8 with #004100. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 9
- G 63
- B 33
RGB color chart
- C 85
- M 0
- Y 48
- K 37
CMYK color chart

● #18a054 color description : Dark cyan - lime green.

The hexadecimal color #18a054 has RGB values of R:24, G:160, B:84 and CMYK values of C:0.85, M:0, Y:0.48, K:0.37. Its decimal value is 1613908.

Hex triplet	18a054	`#18a054`
RGB Decimal	24, 160, 84	`rgb(24,160,84)`
RGB Percent	9.4, 62.7, 32.9	`rgb(9.4%,62.7%,32.9%)`
CMYK	85, 0, 48, 37
HSL	146.5°, 73.9, 36.1	`hsl(146.5,73.9%,36.1%)`
HSV (or HSB)	146.5°, 85, 62.7
Web Safe	009966	`#009966`

CIE-LAB	58.013, -51.569, 30.059
XYZ	14.547, 25.974, 12.634
xyY	0.274, 0.489, 25.974
CIE-LCH	58.013, 59.69, 149.762
CIE-LUV	58.013, -49.937, 45.61
Hunter-Lab	50.965, -38.24, 20.978
Binary	00011000, 10100000, 01010100

#18a054
```
#18a054 rgb(24,160,84)
```
#a01864
```
#a01864 rgb(160,24,100)
```

Complementary Color

#20a018
```
#20a018 rgb(32,160,24)
```
#18a054
```
#18a054 rgb(24,160,84)
```
#18a098
```
#18a098 rgb(24,160,152)
```

Analogous Color

#a01820
```
#a01820 rgb(160,24,32)
```
#18a054
```
#18a054 rgb(24,160,84)
```
#9818a0
```
#9818a0 rgb(152,24,160)
```

Split Complementary Color

#a05418
```
#a05418 rgb(160,84,24)
```
#18a054
```
#18a054 rgb(24,160,84)
```
#5418a0
```
#5418a0 rgb(84,24,160)
```

Triadic Color

#64a018
```
#64a018 rgb(100,160,24)
```
#18a054
```
#18a054 rgb(24,160,84)
```
#5418a0
```
#5418a0 rgb(84,24,160)
```
#a01864
```
#a01864 rgb(160,24,100)
```

Tetradic Color

#0e5d31
```
#0e5d31 rgb(14,93,49)
```
#11743d
```
#11743d rgb(17,116,61)
```
#158a48
```
#158a48 rgb(21,138,72)
```
#18a054
```
#18a054 rgb(24,160,84)
```
#1bb660
```
#1bb660 rgb(27,182,96)
```
#1fcc6b
```
#1fcc6b rgb(31,204,107)
```
#26de77
```
#26de77 rgb(38,222,119)
```

Monochromatic Color

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

#18a032
```
#18a032 rgb(24,160,50)
```
#18a03d
```
#18a03d rgb(24,160,61)
```
#18a049
```
#18a049 rgb(24,160,73)
```
#18a054
```
#18a054 rgb(24,160,84)
```
#18a05f
```
#18a05f rgb(24,160,95)
```
#18a06b
```
#18a06b rgb(24,160,107)
```
#18a076
```
#18a076 rgb(24,160,118)
```

Similar Colors

Text with hexadecimal color #18a054

This text has a font color of #18a054.

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

#18a054 background color

This paragraph has a background color of #18a054.

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

#18a054 border color

This element has a border color of #18a054.

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

CSS codes

.text {color:#18a054;}

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

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

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

#010603
```
#010603 rgb(1,6,3)
```
#04180c
```
#04180c rgb(4,24,12)
```
#062915
```
#062915 rgb(6,41,21)
```
#093a1e
```
#093a1e rgb(9,58,30)
```
#0b4b27
```
#0b4b27 rgb(11,75,39)
```
#0e5c30
```
#0e5c30 rgb(14,92,48)
```
#106d39
```
#106d39 rgb(16,109,57)
```
#137e42
```
#137e42 rgb(19,126,66)
```
#158f4b
```
#158f4b rgb(21,143,75)
```
#18a054
```
#18a054 rgb(24,160,84)
```
#1bb15d
```
#1bb15d rgb(27,177,93)
```
#1dc266
```
#1dc266 rgb(29,194,102)
```
#20d36f
```
#20d36f rgb(32,211,111)
```

Shade Color Variation

#28df78
```
#28df78 rgb(40,223,120)
```
#39e183
```
#39e183 rgb(57,225,131)
```
#4ae48e
```
#4ae48e rgb(74,228,142)
```
#5be698
```
#5be698 rgb(91,230,152)
```
#6ce9a3
```
#6ce9a3 rgb(108,233,163)
```
#7decae
```
#7decae rgb(125,236,174)
```
#8eeeb8
```
#8eeeb8 rgb(142,238,184)
```
#9ff1c3
```
#9ff1c3 rgb(159,241,195)
```
#b0f3ce
```
#b0f3ce rgb(176,243,206)
```
#c1f6d8
```
#c1f6d8 rgb(193,246,216)
```
#d2f8e3
```
#d2f8e3 rgb(210,248,227)
```
#e3fbee
```
#e3fbee rgb(227,251,238)
```
#f4fdf8
```
#f4fdf8 rgb(244,253,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58605b is the less saturated color, while #03b552 is the most saturated one.

#58605b
```
#58605b rgb(88,96,91)
```
#51675b
```
#51675b rgb(81,103,91)
```
#4a6e5a
```
#4a6e5a rgb(74,110,90)
```
#427659
```
#427659 rgb(66,118,89)
```
#3b7d58
```
#3b7d58 rgb(59,125,88)
```
#348457
```
#348457 rgb(52,132,87)
```
#2d8b56
```
#2d8b56 rgb(45,139,86)
```
#269256
```
#269256 rgb(38,146,86)
```
#1f9955
```
#1f9955 rgb(31,153,85)
```
#18a054
```
#18a054 rgb(24,160,84)
```
#11a753
```
#11a753 rgb(17,167,83)
```
#0aae52
```
#0aae52 rgb(10,174,82)
```
#03b552
```
#03b552 rgb(3,181,82)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5e796a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9156 Protanopia 1% of men
#ac8b65 Deuteranopia 1% of men
#4d9ca7 Tritanopia 0.001% of the population

Trichromacy

#6d9655 Protanomaly 1% of men, 0.01% of women
#76925f Deuteranomaly 6% of men, 0.4% of women
#3a9d89 Tritanomaly 0.01% of the population

#18a054 hex color

#18a054 Color Information

#18a054 Color Conversion

Color Schemes with #18a054

Alternatives to #18a054

#18a054 Preview

Shades and Tints of #18a054

Tones of #18a054

Color Blindness Simulator