#283C7B

#283C7B

Color Values

HEX

#283C7B

RGB

40, 60, 123

HSL

225.5, 50.9%, 32.0%

HSV

225.5, 67.5%, 48.2%

CMYK

67.5%, 51.2%, 0.0%, 51.8%

OKLCH

0.3763 0.1099 267.6

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#283C7B

#7B6728

Analogous

#28667B

#3E287B

#283C7B

Triadic

#283C7B

#7B283C

#3C7B28

Split Complementary

#283C7B

#7B3E28

#667B28

Tetradic

#283C7B

#7B2866

#7B6728

#287B3E

Color Blindness Simulation

Original

#283C7B

Protanopia

#31316C

Deuteranopia

#302E68

Tritanopia

#29605D

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5E9F5
200
#C9D2ED
300
#A3B2E1
400
#7188D1
500
#3F5EC0
600
#324B9A
700
#283C7B
800
#1F2F60
900
#1A2547
950
#11172D

Contrast Checker

Text on white

10.38:1

AA Pass AAA Pass

Text on black

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