#447697

#447697

Color Values

HEX

#447697

RGB

68, 118, 151

HSL

203.9, 37.9%, 42.9%

HSV

203.9, 55.0%, 59.2%

CMYK

55.0%, 21.9%, 0.0%, 40.8%

OKLCH

0.5445 0.0749 239.1

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#447697

#976544

Analogous

#44978E

#444C97

#447697

Triadic

#447697

#974476

#769744

Split Complementary

#447697

#97444C

#978E44

Tetradic

#447697

#8E4497

#976544

#4C9744

Color Blindness Simulation

Original

#447697

Protanopia

#5A5A8F

Deuteranopia

#57538D

Tritanopia

#468987

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDEE9
300
#ABC7D9
400
#7DA8C4
500
#4F89B0
600
#3F6E8D
700
#335871
800
#284558
900
#203441
950
#142129

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.28:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026