#283297

#283297

Color Values

HEX

#283297

RGB

40, 50, 151

HSL

234.6, 58.1%, 37.5%

HSV

234.6, 73.5%, 59.2%

CMYK

73.5%, 66.9%, 0.0%, 40.8%

OKLCH

0.3803 0.163 271.6

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#283297

#978D28

Analogous

#286A97

#562897

#283297

Triadic

#283297

#972832

#329728

Split Complementary

#283297

#975628

#6A9728

Tetradic

#283297

#97286A

#978D28

#289756

Color Blindness Simulation

Original

#283297

Protanopia

#2C2C7F

Deuteranopia

#2C2B79

Tritanopia

#286B67

Achromatopsia

#373737

CSS Usage

background-color: #283297;
color: #283297;
border-color: #283297;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E4E6F6
200
#C7CAF0
300
#9EA5E5
400
#6A74D7
500
#3543CA
600
#2B35A1
700
#222B81
800
#1B2165
900
#171C4A
950
#0F112F

Contrast Checker

Text on white

10.54:1

AA Pass AAA Pass

Text on black

1.99:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026