#448F9C

#448F9C

Color Values

HEX

#448F9C

RGB

68, 143, 156

HSL

188.9, 39.3%, 43.9%

HSV

188.9, 56.4%, 61.2%

CMYK

56.4%, 8.3%, 0.0%, 38.8%

OKLCH

0.6076 0.0765 210.3

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#448F9C

#9C5144

Analogous

#449C7D

#44639C

#448F9C

Triadic

#448F9C

#9C448F

#8F9C44

Split Complementary

#448F9C

#9C4463

#9C7D44

Tetradic

#448F9C

#7D449C

#9C5144

#639C44

Color Blindness Simulation

Original

#448F9C

Protanopia

#646599

Deuteranopia

#605A98

Tritanopia

#489696

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE5E9
300
#AAD3DA
400
#7CBBC6
500
#4DA3B2
600
#3E828E
700
#326872
800
#275159
900
#1F3D42
950
#142629

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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