#304464

#304464

Color Values

HEX

#304464

RGB

48, 68, 100

HSL

216.9, 35.1%, 29.0%

HSV

216.9, 52.0%, 39.2%

CMYK

52.0%, 32.0%, 0.0%, 60.8%

OKLCH

0.385 0.0606 259.5

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#304464

#645030

Analogous

#305E64

#363064

#304464

Triadic

#304464

#643044

#446430

Split Complementary

#304464

#643630

#5E6430

Tetradic

#304464

#64305E

#645030

#306436

Color Blindness Simulation

Original

#304464

Protanopia

#39395C

Deuteranopia

#38365A

Tritanopia

#315655

Achromatopsia

#424242

CSS Usage

background-color: #304464;
color: #304464;
border-color: #304464;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD8E8
300
#ACBDD7
400
#8099C2
500
#5375AC
600
#425E8A
700
#354B6E
800
#293B56
900
#212D40
950
#151C28

Contrast Checker

Text on white

9.83:1

AA Pass AAA Pass

Text on black

2.14:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026