#146C63

#146C63

Color Values

HEX

#146C63

RGB

20, 108, 99

HSL

173.9, 68.8%, 25.1%

HSV

173.9, 81.5%, 42.4%

CMYK

81.5%, 0.0%, 8.3%, 57.6%

OKLCH

0.4803 0.0792 184.4

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#146C63

#6C141D

Analogous

#146C37

#14496C

#146C63

Triadic

#146C63

#63146C

#6C6314

Split Complementary

#146C63

#6C1449

#6C3714

Tetradic

#146C63

#37146C

#6C141D

#496C14

Color Blindness Simulation

Original

#146C63

Protanopia

#3A3B65

Deuteranopia

#352E66

Tritanopia

#186767

Achromatopsia

#595959

CSS Usage

background-color: #146C63;
color: #146C63;
border-color: #146C63;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FCFB
100
#E3F8F5
200
#C3F4EF
300
#98ECE3
400
#60E2D4
500
#28D7C5
600
#20AC9E
700
#198A7E
800
#146C63
900
#124E48
950
#0C322E

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail 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