#448C9B

#448C9B

Color Values

HEX

#448C9B

RGB

68, 140, 155

HSL

190.3, 39.0%, 43.7%

HSV

190.3, 56.1%, 60.8%

CMYK

56.1%, 9.7%, 0.0%, 39.2%

OKLCH

0.5998 0.0751 213.1

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#448C9B

#9B5344

Analogous

#449B7E

#44619B

#448C9B

Triadic

#448C9B

#9B448C

#8C9B44

Split Complementary

#448C9B

#9B4461

#9B7E44

Tetradic

#448C9B

#7E449B

#9B5344

#619B44

Color Blindness Simulation

Original

#448C9B

Protanopia

#636497

Deuteranopia

#5F5A96

Tritanopia

#489594

Achromatopsia

#7E7E7E

CSS Usage

background-color: #448C9B;
color: #448C9B;
border-color: #448C9B;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE4E9
300
#AAD1DA
400
#7CB9C5
500
#4EA0B1
600
#3E808E
700
#326671
800
#275059
900
#1F3C41
950
#142629

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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