#283A52

#283A52

Color Values

HEX

#283A52

RGB

40, 58, 82

HSL

214.3, 34.4%, 23.9%

HSV

214.3, 51.2%, 32.2%

CMYK

51.2%, 29.3%, 0.0%, 67.8%

OKLCH

0.3443 0.0484 255.9

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#283A52

#524028

Analogous

#284F52

#2B2852

#283A52

Triadic

#283A52

#52283A

#3A5228

Split Complementary

#283A52

#522B28

#4F5228

Tetradic

#283A52

#52284F

#524028

#28522B

Color Blindness Simulation

Original

#283A52

Protanopia

#30304C

Deuteranopia

#2F2D4B

Tritanopia

#294847

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFDAE8
300
#ADBFD7
400
#809CC1
500
#5479AB
600
#436189
700
#364E6E
800
#2A3D56
900
#212E3F
950
#151D28

Contrast Checker

Text on white

11.56:1

AA Pass AAA Pass

Text on black

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