#148F63

#148F63

Color Values

HEX

#148F63

RGB

20, 143, 99

HSL

158.5, 75.5%, 32.0%

HSV

158.5, 86.0%, 56.1%

CMYK

86.0%, 0.0%, 30.8%, 43.9%

OKLCH

0.5768 0.1214 162.1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#148F63

#8F1440

Analogous

#148F25

#147E8F

#148F63

Triadic

#148F63

#63148F

#8F6314

Split Complementary

#148F63

#8F147E

#8F2514

Tetradic

#148F63

#25148F

#8F1440

#7E8F14

Color Blindness Simulation

Original

#148F63

Protanopia

#494A6E

Deuteranopia

#423970

Tritanopia

#1A7678

Achromatopsia

#727272

CSS Usage

background-color: #148F63;
color: #148F63;
border-color: #148F63;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F2FCF9
100
#E2F9F0
200
#C0F6E3
300
#94F0CF
400
#59E8B5
500
#1FE09B
600
#19B37C
700
#148F63
800
#10704D
900
#10513A
950
#0A3324

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

5.14:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026