#282AAA

#282AAA

Color Values

HEX

#282AAA

RGB

40, 42, 170

HSL

239,1, 61,9%, 41,2%

HSV

239,1, 76,5%, 66,7%

CMYK

76,5%, 75,3%, 0,0%, 33,3%

OKLCH

0,387 0,1962 271,9

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#282AAA

#AAA828

Analogous

#286BAA

#6728AA

#282AAA

Triadic

#282AAA

#AA282A

#2AAA28

Split Complementary

#282AAA

#AA6728

#6BAA28

Tetradic

#282AAA

#AA286B

#AAA828

#28AA67

Color Blindness Simulation

Original

#282AAA

Protanopia

#29298B

Deuteranopia

#292984

Tritanopia

#28736D

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F3F3FB
100
#E4E4F7
200
#C5C6F1
300
#9C9DE8
400
#6668DB
500
#3133CE
600
#2729A5
700
#1F2184
800
#181967
900
#15164B
950
#0E0E30

Contrast Checker

Text on white

10,49:1

AA Pass AAA Pass

Text on black

2,0: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