#447488

#447488

Color Values

HEX

#447488

RGB

68, 116, 136

HSL

197.6, 33.3%, 40.0%

HSV

197.6, 50.0%, 53.3%

CMYK

50.0%, 14.7%, 0.0%, 46.7%

OKLCH

0.5329 0.0609 226.7

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#447488

#885844

Analogous

#44887A

#445288

#447488

Triadic

#447488

#884474

#748844

Split Complementary

#447488

#884452

#887A44

Tetradic

#447488

#7A4488

#885844

#528844

Color Blindness Simulation

Original

#447488

Protanopia

#595983

Deuteranopia

#565282

Tritanopia

#467F7E

Achromatopsia

#6B6B6B

CSS Usage

background-color: #447488;
color: #447488;
border-color: #447488;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFE0E7
300
#ADCAD6
400
#81AEC0
500
#5591AA
600
#447488
700
#365D6D
800
#2B4955
900
#22363F
950
#152228

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026