#282E75

#282E75

Color Values

HEX

#282E75

RGB

40, 46, 117

HSL

235.3, 49.0%, 30.8%

HSV

235.3, 65.8%, 45.9%

CMYK

65.8%, 60.7%, 0.0%, 54.1%

OKLCH

0.3415 0.1202 274.4

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#282E75

#756F28

Analogous

#285575

#492875

#282E75

Triadic

#282E75

#75282E

#2E7528

Split Complementary

#282E75

#754928

#557528

Tetradic

#282E75

#752855

#756F28

#287549

Color Blindness Simulation

Original

#282E75

Protanopia

#2B2B64

Deuteranopia

#2A2A60

Tritanopia

#285653

Achromatopsia

#323232

CSS Usage

background-color: #282E75;
color: #282E75;
border-color: #282E75;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACDED
300
#A4A9E0
400
#727ACF
500
#414BBE
600
#343C98
700
#2A307A
800
#21255F
900
#1B1E46
950
#11132C

Contrast Checker

Text on white

12.08:1

AA Pass AAA Pass

Text on black

1.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026