#448887

#448887

Color Values

HEX

#448887

RGB

68, 136, 135

HSL

179.1, 33.3%, 40.0%

HSV

179.1, 50.0%, 53.3%

CMYK

50.0%, 0.0%, 0.7%, 46.7%

OKLCH

0.5823 0.069 194.2

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#448887

#884445

Analogous

#448865

#446788

#448887

Triadic

#448887

#874488

#888744

Split Complementary

#448887

#884467

#886544

Tetradic

#448887

#654488

#884445

#678844

Color Blindness Simulation

Original

#448887

Protanopia

#616287

Deuteranopia

#5E5887

Tritanopia

#478787

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE7E7
300
#ADD6D6
400
#81C0BF
500
#55AAA9
600
#448887
700
#366D6C
800
#2B5554
900
#223F3F
950
#152827

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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