#284875

#284875

Color Values

HEX

#284875

RGB

40, 72, 117

HSL

215.1, 49.0%, 30.8%

HSV

215.1, 65.8%, 45.9%

CMYK

65.8%, 38.5%, 0.0%, 54.1%

OKLCH

0.4003 0.0853 257.2

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#284875

#755528

Analogous

#286E75

#2F2875

#284875

Triadic

#284875

#752848

#487528

Split Complementary

#284875

#752F28

#6E7528

Tetradic

#284875

#75286E

#755528

#28752F

Color Blindness Simulation

Original

#284875

Protanopia

#36366A

Deuteranopia

#343267

Tritanopia

#2A6260

Achromatopsia

#444444

CSS Usage

background-color: #284875;
color: #284875;
border-color: #284875;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F7FB
100
#E6ECF5
200
#CAD8ED
300
#A4BDE0
400
#7299CF
500
#4175BE
600
#345E98
700
#2A4B7A
800
#213A5F
900
#1B2D46
950
#111C2C

Contrast Checker

Text on white

9.23:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026