#363F4F

#363F4F

Color Values

HEX

#363F4F

RGB

54, 63, 79

HSL

218.4, 18.8%, 26.1%

HSV

218.4, 31.6%, 31.0%

CMYK

31.6%, 20.3%, 0.0%, 69.0%

OKLCH

0.3662 0.0302 261.9

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#363F4F

#4F4636

Analogous

#364C4F

#3A364F

#363F4F

Triadic

#363F4F

#4F363F

#3F4F36

Split Complementary

#363F4F

#4F3A36

#4C4F36

Tetradic

#363F4F

#4F364C

#4F4636

#364F3A

Color Blindness Simulation

Original

#363F4F

Protanopia

#3A3A4B

Deuteranopia

#39394A

Tritanopia

#364847

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D5D9E2
300
#B6BFCD
400
#8F9CB2
500
#687997
600
#536179
700
#424D61
800
#343C4C
900
#282E39
950
#191D24

Contrast Checker

Text on white

10.6:1

AA Pass AAA Pass

Text on black

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