#283173

#283173

Color Values

HEX

#283173

RGB

40, 49, 115

HSL

232.8, 48.4%, 30.4%

HSV

232.8, 65.2%, 45.1%

CMYK

65.2%, 57.4%, 0.0%, 54.9%

OKLCH

0.346 0.1131 273.1

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#283173

#736A28

Analogous

#285773

#452873

#283173

Triadic

#283173

#732831

#317328

Split Complementary

#283173

#734528

#577328

Tetradic

#283173

#732857

#736A28

#287345

Color Blindness Simulation

Original

#283173

Protanopia

#2C2C63

Deuteranopia

#2B2B5F

Tritanopia

#285654

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CACEED
300
#A4ABDF
400
#737ECE
500
#4251BD
600
#354097
700
#2A3479
800
#21285F
900
#1B2046
950
#11142C

Contrast Checker

Text on white

11.82:1

AA Pass AAA Pass

Text on black

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