#283B7B

#283B7B

Color Values

HEX

#283B7B

RGB

40, 59, 123

HSL

226.3, 50.9%, 32.0%

HSV

226.3, 67.5%, 48.2%

CMYK

67.5%, 52.0%, 0.0%, 51.8%

OKLCH

0.3741 0.1112 268.2

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#283B7B

#7B6828

Analogous

#28657B

#3F287B

#283B7B

Triadic

#283B7B

#7B283B

#3B7B28

Split Complementary

#283B7B

#7B3F28

#657B28

Tetradic

#283B7B

#7B2865

#7B6828

#287B3F

Color Blindness Simulation

Original

#283B7B

Protanopia

#30306C

Deuteranopia

#2F2E68

Tritanopia

#295F5D

Achromatopsia

#3C3C3C

CSS Usage

background-color: #283B7B;
color: #283B7B;
border-color: #283B7B;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F6FB
100
#E5E9F5
200
#C9D1ED
300
#A3B1E1
400
#7187D1
500
#3F5CC0
600
#324A9A
700
#283B7B
800
#1F2E60
900
#1A2447
950
#11172D

Contrast Checker

Text on white

10.49:1

AA Pass AAA Pass

Text on black

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