#148F78

#148F78

Color Values

HEX

#148F78

RGB

20, 143, 120

HSL

168.8, 75.5%, 32.0%

HSV

168.8, 86.0%, 56.1%

CMYK

86.0%, 0.0%, 16.1%, 43.9%

OKLCH

0.5825 0.1053 175.5

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#148F78

#8F142B

Analogous

#148F3B

#14698F

#148F78

Triadic

#148F78

#78148F

#8F7814

Split Complementary

#148F78

#8F1469

#8F3B14

Tetradic

#148F78

#3B148F

#8F142B

#698F14

Color Blindness Simulation

Original

#148F78

Protanopia

#494A7E

Deuteranopia

#42397F

Tritanopia

#1A8283

Achromatopsia

#737373

CSS Usage

background-color: #148F78;
color: #148F78;
border-color: #148F78;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFA
100
#E2F9F4
200
#C0F6EC
300
#94F0DF
400
#59E8CD
500
#1FE0BC
600
#19B396
700
#148F78
800
#10705E
900
#105145
950
#0A332C

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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