#148F84

#148F84

Color Values

HEX

#148F84

RGB

20, 143, 132

HSL

174.6, 75.5%, 32.0%

HSV

174.6, 86.0%, 56.1%

CMYK

86.0%, 0.0%, 7.7%, 43.9%

OKLCH

0.5864 0.0995 185.1

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#148F84

#8F141F

Analogous

#148F47

#145D8F

#148F84

Triadic

#148F84

#84148F

#8F8414

Split Complementary

#148F84

#8F145D

#8F4714

Tetradic

#148F84

#47148F

#8F141F

#5D8F14

Color Blindness Simulation

Original

#148F84

Protanopia

#494A87

Deuteranopia

#423987

Tritanopia

#1A8989

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F2FCFB
100
#E2F9F7
200
#C0F6F1
300
#94F0E8
400
#59E8DB
500
#1FE0CE
600
#19B3A5
700
#148F84
800
#107067
900
#10514B
950
#0A3330

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

5.29:1

AA Pass AAA Fail

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