#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026