#18b270 hex color

In a RGB color space, hex #18b270 is composed of 9.4% red, 69.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 0% magenta, 37.1% yellow and 30.2% black. It has a hue angle of 154.3 degrees, a saturation of 76.2% and a lightness of 39.6%. #18b270 color hex could be obtained by blending #30ffe0 with #006500. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 9
- G 70
- B 44
RGB color chart
- C 87
- M 0
- Y 37
- K 30
CMYK color chart

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

The hexadecimal color #18b270 has RGB values of R:24, G:178, B:112 and CMYK values of C:0.87, M:0, Y:0.37, K:0.3. Its decimal value is 1618544.

Hex triplet	18b270	`#18b270`
RGB Decimal	24, 178, 112	`rgb(24,178,112)`
RGB Percent	9.4, 69.8, 43.9	`rgb(9.4%,69.8%,43.9%)`
CMYK	87, 0, 37, 30
HSL	154.3°, 76.2, 39.6	`hsl(154.3,76.2%,39.6%)`
HSV (or HSB)	154.3°, 86.5, 69.8
Web Safe	009966	`#009966`

CIE-LAB	64.325, -52.749, 23.446
XYZ	19.22, 33.203, 20.724
xyY	0.263, 0.454, 33.203
CIE-LCH	64.325, 57.725, 156.036
CIE-LUV	64.325, -54.486, 39.622
Hunter-Lab	57.622, -41.298, 19.011
Binary	00011000, 10110010, 01110000

#18b270
```
#18b270 rgb(24,178,112)
```
#b2185a
```
#b2185a rgb(178,24,90)
```

Complementary Color

#18b223
```
#18b223 rgb(24,178,35)
```
#18b270
```
#18b270 rgb(24,178,112)
```
#18a7b2
```
#18a7b2 rgb(24,167,178)
```

Analogous Color

#b22318
```
#b22318 rgb(178,35,24)
```
#18b270
```
#18b270 rgb(24,178,112)
```
#b218a7
```
#b218a7 rgb(178,24,167)
```

Split Complementary Color

#b27018
```
#b27018 rgb(178,112,24)
```
#18b270
```
#18b270 rgb(24,178,112)
```
#7018b2
```
#7018b2 rgb(112,24,178)
```

Triadic Color

#5ab218
```
#5ab218 rgb(90,178,24)
```
#18b270
```
#18b270 rgb(24,178,112)
```
#7018b2
```
#7018b2 rgb(112,24,178)
```
#b2185a
```
#b2185a rgb(178,24,90)
```

Tetradic Color

#0f6f46
```
#0f6f46 rgb(15,111,70)
```
#128554
```
#128554 rgb(18,133,84)
```
#159c62
```
#159c62 rgb(21,156,98)
```
#18b270
```
#18b270 rgb(24,178,112)
```
#1bc87e
```
#1bc87e rgb(27,200,126)
```
#1edf8c
```
#1edf8c rgb(30,223,140)
```
#33e398
```
#33e398 rgb(51,227,152)
```

Monochromatic Color

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

#18b249
```
#18b249 rgb(24,178,73)
```
#18b256
```
#18b256 rgb(24,178,86)
```
#18b263
```
#18b263 rgb(24,178,99)
```
#18b270
```
#18b270 rgb(24,178,112)
```
#18b27d
```
#18b27d rgb(24,178,125)
```
#18b28a
```
#18b28a rgb(24,178,138)
```
#18b297
```
#18b297 rgb(24,178,151)
```

Similar Colors

Text with hexadecimal color #18b270

This text has a font color of #18b270.

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

#18b270 background color

This paragraph has a background color of #18b270.

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

#18b270 border color

This element has a border color of #18b270.

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

CSS codes

.text {color:#18b270;}

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

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

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

#010503
```
#010503 rgb(1,5,3)
```
#03160e
```
#03160e rgb(3,22,14)
```
#052819
```
#052819 rgb(5,40,25)
```
#083924
```
#083924 rgb(8,57,36)
```
#0a4a2f
```
#0a4a2f rgb(10,74,47)
```
#0c5c3a
```
#0c5c3a rgb(12,92,58)
```
#0f6d44
```
#0f6d44 rgb(15,109,68)
```
#117e4f
```
#117e4f rgb(17,126,79)
```
#138f5a
```
#138f5a rgb(19,143,90)
```
#16a165
```
#16a165 rgb(22,161,101)
```
#18b270
```
#18b270 rgb(24,178,112)
```
#1ac37b
```
#1ac37b rgb(26,195,123)
```
#1dd586
```
#1dd586 rgb(29,213,134)
```

Shade Color Variation

#23e190
```
#23e190 rgb(35,225,144)
```
#35e499
```
#35e499 rgb(53,228,153)
```
#46e6a1
```
#46e6a1 rgb(70,230,161)
```
#57e8aa
```
#57e8aa rgb(87,232,170)
```
#69ebb3
```
#69ebb3 rgb(105,235,179)
```
#7aedbc
```
#7aedbc rgb(122,237,188)
```
#8befc4
```
#8befc4 rgb(139,239,196)
```
#9cf2cd
```
#9cf2cd rgb(156,242,205)
```
#aef4d6
```
#aef4d6 rgb(174,244,214)
```
#bff6df
```
#bff6df rgb(191,246,223)
```
#d0f9e7
```
#d0f9e7 rgb(208,249,231)
```
#e2fbf0
```
#e2fbf0 rgb(226,251,240)
```
#f3fdf9
```
#f3fdf9 rgb(243,253,249)
```

Tint Color Variation

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

#5e6c66
```
#5e6c66 rgb(94,108,102)
```
#567467
```
#567467 rgb(86,116,103)
```
#4e7c68
```
#4e7c68 rgb(78,124,104)
```
#478369
```
#478369 rgb(71,131,105)
```
#3f8b6a
```
#3f8b6a rgb(63,139,106)
```
#37936c
```
#37936c rgb(55,147,108)
```
#2f9b6d
```
#2f9b6d rgb(47,155,109)
```
#28a26e
```
#28a26e rgb(40,162,110)
```
#20aa6f
```
#20aa6f rgb(32,170,111)
```
#18b270
```
#18b270 rgb(24,178,112)
```
#10ba71
```
#10ba71 rgb(16,186,113)
```
#08c272
```
#08c272 rgb(8,194,114)
```
#01c973
```
#01c973 rgb(1,201,115)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#68877a Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea06f Protanopia 1% of men
#bb9b80 Deuteranopia 1% of men
#50adba Tritanopia 0.001% of the population

Trichromacy

#77a76f Protanomaly 1% of men, 0.01% of women
#7fa37a Deuteranomaly 6% of men, 0.4% of women
#3caf9f Tritanomaly 0.01% of the population

#18b270 hex color

#18b270 Color Information

#18b270 Color Conversion

Color Schemes with #18b270

Alternatives to #18b270

#18b270 Preview

Shades and Tints of #18b270

Tones of #18b270

Color Blindness Simulator