#128F56

#128F56

Color Values

HEX

#128F56

RGB

18, 143, 86

HSL

152.6, 77.6%, 31.6%

HSV

152.6, 87.4%, 56.1%

CMYK

87.4%, 0.0%, 39.9%, 43.9%

OKLCH

0.5736 0.1338 156.2

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#128F56

#8F124B

Analogous

#128F17

#128A8F

#128F56

Triadic

#128F56

#56128F

#8F5612

Split Complementary

#128F56

#8F128A

#8F1712

Tetradic

#128F56

#17128F

#8F124B

#8A8F12

Color Blindness Simulation

Original

#128F56

Protanopia

#484964

Deuteranopia

#413867

Tritanopia

#186F71

Achromatopsia

#707070

CSS Usage

background-color: #128F56;
color: #128F56;
border-color: #128F56;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F2FCF8
100
#E1F9EE
200
#C0F7DE
300
#92F1C6
400
#57EAA7
500
#1DE288
600
#17B56D
700
#129157
800
#0E7144
900
#0F5233
950
#093420

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

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