#4499AB

#4499AB

Color Values

HEX

#4499AB

RGB

68, 153, 171

HSL

190.5, 43.1%, 46.9%

HSV

190.5, 60.2%, 67.1%

CMYK

60.2%, 10.5%, 0.0%, 32.9%

OKLCH

0.638 0.0854 213.7

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#4499AB

#AB5644

Analogous

#44AB8A

#4466AB

#4499AB

Triadic

#4499AB

#AB4499

#99AB44

Split Complementary

#4499AB

#AB4466

#AB8A44

Tetradic

#4499AB

#8A44AB

#AB5644

#66AB44

Color Blindness Simulation

Original

#4499AB

Protanopia

#696AA7

Deuteranopia

#645EA6

Tritanopia

#48A3A2

Achromatopsia

#888888

CSS Usage

background-color: #4499AB;
color: #4499AB;
border-color: #4499AB;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E7F1F4
200
#CCE5EB
300
#A7D3DC
400
#78BBC9
500
#49A3B6
600
#3A8392
700
#2E6875
800
#24525B
900
#1E3D43
950
#13262A

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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