#448C6C

#448C6C

Color Values

HEX

#448C6C

RGB

68, 140, 108

HSL

153.3, 34.6%, 40.8%

HSV

153.3, 51.4%, 54.9%

CMYK

51.4%, 0.0%, 22.9%, 45.1%

OKLCH

0.5842 0.0886 162.7

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#448C6C

#8C4464

Analogous

#448C48

#44888C

#448C6C

Triadic

#448C6C

#6C448C

#8C6C44

Split Complementary

#448C6C

#8C4488

#8C4844

Tetradic

#448C6C

#48448C

#8C4464

#888C44

Color Blindness Simulation

Original

#448C6C

Protanopia

#636474

Deuteranopia

#5F5A76

Tritanopia

#487A7B

Achromatopsia

#7A7A7A

CSS Usage

background-color: #448C6C;
color: #448C6C;
border-color: #448C6C;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE8DD
300
#ADD7C4
400
#80C1A4
500
#53AC84
600
#43896A
700
#356E55
800
#2A5642
900
#214032
950
#152820

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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