#446DA0

#446DA0

Color Values

HEX

#446DA0

RGB

68, 109, 160

HSL

213.3, 40.4%, 44.7%

HSV

213.3, 57.5%, 62.7%

CMYK

57.5%, 31.9%, 0.0%, 37.3%

OKLCH

0.5278 0.0932 254.6

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#446DA0

#A07744

Analogous

#449BA0

#4944A0

#446DA0

Triadic

#446DA0

#A0446D

#6DA044

Split Complementary

#446DA0

#A04944

#9BA044

Tetradic

#446DA0

#A0449B

#A07744

#44A049

Color Blindness Simulation

Original

#446DA0

Protanopia

#565694

Deuteranopia

#535091

Tritanopia

#468A88

Achromatopsia

#686868

CSS Usage

background-color: #446DA0;
color: #446DA0;
border-color: #446DA0;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDDAEA
300
#A9BFDB
400
#7B9CC7
500
#4C7AB3
600
#3D618F
700
#314E73
800
#263D5A
900
#1F2F42
950
#131D2A

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

3.94:1

AA Fail 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