#282F57

#282F57

Color Values

HEX

#282F57

RGB

40, 47, 87

HSL

231.1, 37.0%, 24.9%

HSV

231.1, 54.0%, 34.1%

CMYK

54.0%, 46.0%, 0.0%, 65.9%

OKLCH

0.3202 0.0716 274.2

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#282F57

#575028

Analogous

#284657

#392857

#282F57

Triadic

#282F57

#57282F

#2F5728

Split Complementary

#282F57

#573928

#465728

Tetradic

#282F57

#572846

#575028

#285739

Color Blindness Simulation

Original

#282F57

Protanopia

#2B2B4D

Deuteranopia

#2B2A4B

Tritanopia

#284644

Achromatopsia

#303030

CSS Usage

background-color: #282F57;
color: #282F57;
border-color: #282F57;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F6FA
100
#E8E9F3
200
#CED2E9
300
#ABB2D8
400
#7E88C4
500
#505EAF
600
#404B8C
700
#333C70
800
#282F57
900
#202541
950
#141729

Contrast Checker

Text on white

12.85:1

AA Pass AAA Pass

Text on black

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