#446379

#446379

Color Values

HEX

#446379

RGB

68, 99, 121

HSL

204.9, 28.0%, 37.1%

HSV

204.9, 43.8%, 47.5%

CMYK

43.8%, 18.2%, 0.0%, 52.5%

OKLCH

0.4846 0.0508 240.0

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#446379

#795A44

Analogous

#447975

#444979

#446379

Triadic

#446379

#794463

#637944

Split Complementary

#446379

#794449

#797544

Tetradic

#446379

#754479

#795A44

#497944

Color Blindness Simulation

Original

#446379

Protanopia

#515274

Deuteranopia

#504D72

Tritanopia

#466F6F

Achromatopsia

#5E5E5E

CSS Usage

background-color: #446379;
color: #446379;
border-color: #446379;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D1DDE5
300
#B1C5D3
400
#86A5BB
500
#5C86A3
600
#496B83
700
#3B5568
800
#2E4352
900
#24333D
950
#172026

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

3.31:1

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