#35344C

#35344C

Color Values

HEX

#35344C

RGB

53, 52, 76

HSL

242.5, 18.8%, 25.1%

HSV

242.5, 31.6%, 29.8%

CMYK

30.3%, 31.6%, 0.0%, 70.2%

OKLCH

0.3368 0.0419 285.8

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#35344C

#4B4C34

Analogous

#343F4C

#41344C

#35344C

Triadic

#35344C

#4C3534

#344C35

Split Complementary

#35344C

#4C4134

#3F4C34

Tetradic

#35344C

#4C343F

#4B4C34

#344C41

Color Blindness Simulation

Original

#35344C

Protanopia

#353546

Deuteranopia

#353545

Tritanopia

#354241

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EBEAF0
200
#D5D5E2
300
#B7B6CD
400
#908FB2
500
#6A6897
600
#545379
700
#444261
800
#35344C
900
#292839
950
#1A1924

Contrast Checker

Text on white

12.02:1

AA Pass AAA Pass

Text on black

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