#448376

#448376

Color Values

HEX

#448376

RGB

68, 131, 118

HSL

167.6, 31.7%, 39.0%

HSV

167.6, 48.1%, 51.4%

CMYK

48.1%, 0.0%, 9.9%, 48.6%

OKLCH

0.5639 0.0687 178.6

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#448376

#834451

Analogous

#448356

#447083

#448376

Triadic

#448376

#764483

#837644

Split Complementary

#448376

#834470

#835644

Tetradic

#448376

#564483

#834451

#708344

Color Blindness Simulation

Original

#448376

Protanopia

#5F6079

Deuteranopia

#5C577A

Tritanopia

#477C7C

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F0
200
#D0E7E2
300
#AED5CD
400
#83BFB2
500
#57A897
600
#468679
700
#386B61
800
#2C544C
900
#233E39
950
#162724

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

4.75:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026