#283467

#283467

Color Values

HEX

#283467

RGB

40, 52, 103

HSL

228.6, 44.1%, 28.0%

HSV

228.6, 61.2%, 40.4%

CMYK

61.2%, 49.5%, 0.0%, 59.6%

OKLCH

0.3432 0.0901 271.0

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#283467

#675B28

Analogous

#285367

#3B2867

#283467

Triadic

#283467

#672834

#346728

Split Complementary

#283467

#673B28

#536728

Tetradic

#283467

#672853

#675B28

#28673B

Color Blindness Simulation

Original

#283467

Protanopia

#2D2D5B

Deuteranopia

#2C2C58

Tritanopia

#29514F

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6E9F4
200
#CCD2EB
300
#A7B1DD
400
#7787CA
500
#475DB8
600
#394A93
700
#2E3B76
800
#242E5C
900
#1D2544
950
#12172B

Contrast Checker

Text on white

11.82:1

AA Pass AAA Pass

Text on black

1.78:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026