#18D077

#18D077

Color Values

HEX

#18D077

RGB

24, 208, 119

HSL

151.0, 79.3%, 45.5%

HSV

151.0, 88.5%, 81.6%

CMYK

88.5%, 0.0%, 42.8%, 18.4%

OKLCH

0.7545 0.1851 154.2

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#18D077

#D01871

Analogous

#18D01B

#18CDD0

#18D077

Triadic

#18D077

#7718D0

#D07718

Split Complementary

#18D077

#D018CD

#D01B18

Tetradic

#18D077

#1B18D0

#D01871

#CDD018

Color Blindness Simulation

Original

#18D077

Protanopia

#68698D

Deuteranopia

#5D4F92

Tritanopia

#219EA1

Achromatopsia

#A2A2A2

CSS Usage

background-color: #18D077;
color: #18D077;
border-color: #18D077;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF8
100
#E1F9EE
200
#BFF8DC
300
#91F2C3
400
#56EBA3
500
#1AE583
600
#15B769
700
#119254
800
#0D7241
900
#0E5332
950
#09341F

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

10.33:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026