#333645

#333645

Color Values

HEX

#333645

RGB

51, 54, 69

HSL

230.0, 15.0%, 23.5%

HSV

230.0, 26.1%, 27.1%

CMYK

26.1%, 21.7%, 0.0%, 72.9%

OKLCH

0.3363 0.0267 276.0

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#333645

#454233

Analogous

#333F45

#393345

#333645

Triadic

#333645

#453336

#364533

Split Complementary

#333645

#453933

#3F4533

Tetradic

#333645

#45333F

#454233

#334539

Color Blindness Simulation

Original

#333645

Protanopia

#343441

Deuteranopia

#343440

Tritanopia

#333F3E

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D8E1
300
#B9BCCB
400
#9297AF
500
#6C7393
600
#575C75
700
#45495E
800
#363949
900
#2A2C37
950
#1A1C23

Contrast Checker

Text on white

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