#283C57

#283C57

Color Values

HEX

#283C57

RGB

40, 60, 87

HSL

214.5, 37.0%, 24.9%

HSV

214.5, 54.0%, 34.1%

CMYK

54.0%, 31.0%, 0.0%, 65.9%

OKLCH

0.3523 0.0539 256.2

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#283C57

#574328

Analogous

#285357

#2C2857

#283C57

Triadic

#283C57

#57283C

#3C5728

Split Complementary

#283C57

#572C28

#535728

Tetradic

#283C57

#572853

#574328

#28572C

Color Blindness Simulation

Original

#283C57

Protanopia

#313150

Deuteranopia

#302E4F

Tritanopia

#294B4A

Achromatopsia

#3A3A3A

CSS Usage

background-color: #283C57;
color: #283C57;
border-color: #283C57;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CED9E9
300
#ABBED8
400
#7E9BC4
500
#5078AF
600
#40608C
700
#334D70
800
#283C57
900
#202E41
950
#141D29

Contrast Checker

Text on white

11.2:1

AA Pass AAA Pass

Text on black

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