#18B450

#18B450

Color Values

HEX

#18B450

RGB

24, 180, 80

HSL

141.5, 76.5%, 40.0%

HSV

141.5, 86.7%, 70.6%

CMYK

86.7%, 0.0%, 55.6%, 29.4%

OKLCH

0.6743 0.1852 148.8

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#18B450

#B4187C

Analogous

#2EB418

#18B49E

#18B450

Triadic

#18B450

#5018B4

#B45018

Split Complementary

#18B450

#9E18B4

#B4182E

Tetradic

#18B450

#182EB4

#B4187C

#B49E18

Color Blindness Simulation

Original

#18B450

Protanopia

#5C5D68

Deuteranopia

#52476E

Tritanopia

#207B80

Achromatopsia

#8C8C8C

CSS Usage

background-color: #18B450;
color: #18B450;
border-color: #18B450;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FCF6
100
#E2F9EA
200
#C0F7D4
300
#93F1B5
400
#58E98C
500
#1EE164
600
#18B450
700
#139040
800
#0F7132
900
#0F5227
950
#0A3419

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

7.68: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