#282C99

#282C99

Color Values

HEX

#282C99

RGB

40, 44, 153

HSL

237.9, 58.5%, 37.8%

HSV

237.9, 73.9%, 60.0%

CMYK

73.9%, 71.2%, 0.0%, 40.0%

OKLCH

0.3721 0.1726 272.7

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#282C99

#999528

Analogous

#286499

#5C2899

#282C99

Triadic

#282C99

#99282C

#2C9928

Split Complementary

#282C99

#995C28

#649928

Tetradic

#282C99

#992864

#999528

#28995C

Color Blindness Simulation

Original

#282C99

Protanopia

#2A2A7F

Deuteranopia

#2A2978

Tritanopia

#286A65

Achromatopsia

#333333

CSS Usage

background-color: #282C99;
color: #282C99;
border-color: #282C99;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C6C8F0
300
#9EA1E6
400
#696DD8
500
#353ACA
600
#2A2FA2
700
#222581
800
#1A1D65
900
#17194A
950
#0E102F

Contrast Checker

Text on white

10.99:1

AA Pass AAA Pass

Text on black

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