#363045

#363045

Color Values

HEX

#363045

RGB

54, 48, 69

HSL

257.1, 17.9%, 22.9%

HSV

257.1, 30.4%, 27.1%

CMYK

21.7%, 30.4%, 0.0%, 72.9%

OKLCH

0.3247 0.0375 297.4

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#363045

#3F4530

Analogous

#303445

#403045

#363045

Triadic

#363045

#453630

#304536

Split Complementary

#363045

#454030

#344530

Tetradic

#363045

#453034

#3F4530

#304540

Color Blindness Simulation

Original

#363045

Protanopia

#333340

Deuteranopia

#34343F

Tritanopia

#363C3B

Achromatopsia

#333333

CSS Usage

background-color: #363045;
color: #363045;
border-color: #363045;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D5E2
300
#BDB7CD
400
#9990B2
500
#766996
600
#5E5478
700
#4B4360
800
#3B344B
900
#2D2938
950
#1C1A24

Contrast Checker

Text on white

12.61:1

AA Pass AAA Pass

Text on black

1.67:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026