#447D8C

#447D8C

Color Values

HEX

#447D8C

RGB

68, 125, 140

HSL

192.5, 34.6%, 40.8%

HSV

192.5, 51.4%, 54.9%

CMYK

51.4%, 10.7%, 0.0%, 45.1%

OKLCH

0.5568 0.0641 216.8

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#447D8C

#8C5344

Analogous

#448C77

#44598C

#447D8C

Triadic

#447D8C

#8C447D

#7D8C44

Split Complementary

#447D8C

#8C4459

#8C7744

Tetradic

#447D8C

#77448C

#8C5344

#598C44

Color Blindness Simulation

Original

#447D8C

Protanopia

#5D5D88

Deuteranopia

#595588

Tritanopia

#478685

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F0F2
200
#CFE3E8
300
#ADCED7
400
#80B4C1
500
#5399AC
600
#437B89
700
#35626E
800
#2A4D56
900
#213940
950
#152428

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026