#448174

#448174

Color Values

HEX

#448174

RGB

68, 129, 116

HSL

167.2, 31.0%, 38.6%

HSV

167.2, 47.3%, 50.6%

CMYK

47.3%, 0.0%, 10.1%, 49.4%

OKLCH

0.5581 0.0671 178.2

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#448174

#814451

Analogous

#448155

#446F81

#448174

Triadic

#448174

#744481

#817444

Split Complementary

#448174

#81446F

#815544

Tetradic

#448174

#554481

#814451

#6F8144

Color Blindness Simulation

Original

#448174

Protanopia

#5E5F77

Deuteranopia

#5B5678

Tritanopia

#477A7A

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F0
200
#D0E6E2
300
#AFD5CD
400
#83BEB1
500
#58A796
600
#468678
700
#386B60
800
#2C544B
900
#233E38
950
#162723

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.64:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026