#18ad75 hex color

In a RGB color space, hex #18ad75 is composed of 9.4% red, 67.8% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 0% magenta, 32.4% yellow and 32.2% black. It has a hue angle of 157.4 degrees, a saturation of 75.6% and a lightness of 38.6%. #18ad75 color hex could be obtained by blending #30ffea with #005b00. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 9
- G 68
- B 46
RGB color chart
- C 86
- M 0
- Y 32
- K 32
CMYK color chart

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

The hexadecimal color #18ad75 has RGB values of R:24, G:173, B:117 and CMYK values of C:0.86, M:0, Y:0.32, K:0.32. Its decimal value is 1617269.

Hex triplet	18ad75	`#18ad75`
RGB Decimal	24, 173, 117	`rgb(24,173,117)`
RGB Percent	9.4, 67.8, 45.9	`rgb(9.4%,67.8%,45.9%)`
CMYK	86, 0, 32, 32
HSL	157.4°, 75.6, 38.6	`hsl(157.4,75.6%,38.6%)`
HSV (or HSB)	157.4°, 86.1, 67.8
Web Safe	009966	`#009966`

CIE-LAB	62.813, -49.792, 18.694
XYZ	18.53, 31.364, 21.906
xyY	0.258, 0.437, 31.364
CIE-LCH	62.813, 53.186, 159.422
CIE-LUV	62.813, -52.442, 33.101
Hunter-Lab	56.003, -38.946, 16.011
Binary	00011000, 10101101, 01110101

#18ad75
```
#18ad75 rgb(24,173,117)
```
#ad1850
```
#ad1850 rgb(173,24,80)
```

Complementary Color

#18ad2b
```
#18ad2b rgb(24,173,43)
```
#18ad75
```
#18ad75 rgb(24,173,117)
```
#189bad
```
#189bad rgb(24,155,173)
```

Analogous Color

#ad2a18
```
#ad2a18 rgb(173,42,24)
```
#18ad75
```
#18ad75 rgb(24,173,117)
```
#ad189b
```
#ad189b rgb(173,24,155)
```

Split Complementary Color

#ad7518
```
#ad7518 rgb(173,117,24)
```
#18ad75
```
#18ad75 rgb(24,173,117)
```
#7518ad
```
#7518ad rgb(117,24,173)
```

Triadic Color

#50ad18
```
#50ad18 rgb(80,173,24)
```
#18ad75
```
#18ad75 rgb(24,173,117)
```
#7518ad
```
#7518ad rgb(117,24,173)
```
#ad1850
```
#ad1850 rgb(173,24,80)
```

Tetradic Color

#0f6a48
```
#0f6a48 rgb(15,106,72)
```
#128057
```
#128057 rgb(18,128,87)
```
#159766
```
#159766 rgb(21,151,102)
```
#18ad75
```
#18ad75 rgb(24,173,117)
```
#1bc384
```
#1bc384 rgb(27,195,132)
```
#1eda93
```
#1eda93 rgb(30,218,147)
```
#2fe29f
```
#2fe29f rgb(47,226,159)
```

Monochromatic Color

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

#18ad50
```
#18ad50 rgb(24,173,80)
```
#18ad5c
```
#18ad5c rgb(24,173,92)
```
#18ad69
```
#18ad69 rgb(24,173,105)
```
#18ad75
```
#18ad75 rgb(24,173,117)
```
#18ad81
```
#18ad81 rgb(24,173,129)
```
#18ad8e
```
#18ad8e rgb(24,173,142)
```
#18ad9a
```
#18ad9a rgb(24,173,154)
```

Similar Colors

Text with hexadecimal color #18ad75

This text has a font color of #18ad75.

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

#18ad75 background color

This paragraph has a background color of #18ad75.

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

#18ad75 border color

This element has a border color of #18ad75.

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

CSS codes

.text {color:#18ad75;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#02120c
```
#02120c rgb(2,18,12)
```
#052318
```
#052318 rgb(5,35,24)
```
#073423
```
#073423 rgb(7,52,35)
```
#0a462f
```
#0a462f rgb(10,70,47)
```
#0c573b
```
#0c573b rgb(12,87,59)
```
#0e6846
```
#0e6846 rgb(14,104,70)
```
#117952
```
#117952 rgb(17,121,82)
```
#138b5e
```
#138b5e rgb(19,139,94)
```
#169c69
```
#169c69 rgb(22,156,105)
```
#18ad75
```
#18ad75 rgb(24,173,117)
```
#1abe81
```
#1abe81 rgb(26,190,129)
```
#1dcf8c
```
#1dcf8c rgb(29,207,140)
```

Shade Color Variation

#20e098
```
#20e098 rgb(32,224,152)
```
#31e2a0
```
#31e2a0 rgb(49,226,160)
```
#42e5a8
```
#42e5a8 rgb(66,229,168)
```
#53e7b0
```
#53e7b0 rgb(83,231,176)
```
#65eab8
```
#65eab8 rgb(101,234,184)
```
#76ecc0
```
#76ecc0 rgb(118,236,192)
```
#87eec8
```
#87eec8 rgb(135,238,200)
```
#98f1d0
```
#98f1d0 rgb(152,241,208)
```
#aaf3d8
```
#aaf3d8 rgb(170,243,216)
```
#bbf6df
```
#bbf6df rgb(187,246,223)
```
#ccf8e7
```
#ccf8e7 rgb(204,248,231)
```
#ddfaef
```
#ddfaef rgb(221,250,239)
```
#effdf7
```
#effdf7 rgb(239,253,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6964 is the less saturated color, while #01c47b is the most saturated one.

#5c6964
```
#5c6964 rgb(92,105,100)
```
#557066
```
#557066 rgb(85,112,102)
```
#4d7868
```
#4d7868 rgb(77,120,104)
```
#45806a
```
#45806a rgb(69,128,106)
```
#3e876c
```
#3e876c rgb(62,135,108)
```
#368f6d
```
#368f6d rgb(54,143,109)
```
#2f966f
```
#2f966f rgb(47,150,111)
```
#279e71
```
#279e71 rgb(39,158,113)
```
#20a573
```
#20a573 rgb(32,165,115)
```
#18ad75
```
#18ad75 rgb(24,173,117)
```
#10b577
```
#10b577 rgb(16,181,119)
```
#09bc79
```
#09bc79 rgb(9,188,121)
```
#01c47b
```
#01c47b rgb(1,196,123)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#668479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89d73 Protanopia 1% of men
#b49785 Deuteranopia 1% of men
#4ca9b6 Tritanopia 0.001% of the population

Trichromacy

#74a274 Protanomaly 1% of men, 0.01% of women
#7b9f7f Deuteranomaly 6% of men, 0.4% of women
#39aa9e Tritanomaly 0.01% of the population

#18ad75 hex color

#18ad75 Color Information

#18ad75 Color Conversion

Color Schemes with #18ad75

Alternatives to #18ad75

#18ad75 Preview

Shades and Tints of #18ad75

Tones of #18ad75

Color Blindness Simulator