#18CB75

#18CB75

Color Values

HEX

#18CB75

RGB

24, 203, 117

HSL

151.2, 78.9%, 44.5%

HSV

151.2, 88.2%, 79.6%

CMYK

88.2%, 0.0%, 42.4%, 20.4%

OKLCH

0.7411 0.1808 154.5

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#18CB75

#CB186E

Analogous

#18CB1C

#18C7CB

#18CB75

Triadic

#18CB75

#7518CB

#CB7518

Split Complementary

#18CB75

#CB18C7

#CB1C18

Tetradic

#18CB75

#1C18CB

#CB186E

#C7CB18

Color Blindness Simulation

Original

#18CB75

Protanopia

#66678A

Deuteranopia

#5B4E8F

Tritanopia

#219A9E

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F2FCF8
100
#E1F9EE
200
#BFF7DC
300
#92F2C4
400
#56EBA4
500
#1BE484
600
#16B669
700
#119254
800
#0D7242
900
#0E5332
950
#09341F

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.84:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026