#323F4A

#323F4A

Color Values

HEX

#323F4A

RGB

50, 63, 74

HSL

207.5, 19.4%, 24.3%

HSV

207.5, 32.4%, 29.0%

CMYK

32.4%, 14.9%, 0.0%, 71.0%

OKLCH

0.3606 0.0256 244.1

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#323F4A

#4A3D32

Analogous

#324A49

#32334A

#323F4A

Triadic

#323F4A

#4A323F

#3F4A32

Split Complementary

#323F4A

#4A3233

#4A4932

Tetradic

#323F4A

#49324A

#4A3D32

#334A32

Color Blindness Simulation

Original

#323F4A

Protanopia

#383847

Deuteranopia

#373647

Tritanopia

#334545

Achromatopsia

#3D3D3D

CSS Usage

background-color: #323F4A;
color: #323F4A;
border-color: #323F4A;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DCE2
300
#B6C3CE
400
#8EA2B3
500
#678298
600
#52687A
700
#425361
800
#33414C
900
#283139
950
#191F24

Contrast Checker

Text on white

10.79:1

AA Pass AAA Pass

Text on black

1.95: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