#283DA4

#283DA4

Color Values

HEX

#283DA4

RGB

40, 61, 164

HSL

229,8, 60,8%, 40,0%

HSV

229,8, 75,6%, 64,3%

CMYK

75,6%, 62,8%, 0,0%, 35,7%

OKLCH

0,4128 0,1672 268,8

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#283DA4

#A48F28

Analogous

#287BA4

#5128A4

#283DA4

Triadic

#283DA4

#A4283D

#3DA428

Split Complementary

#283DA4

#A45128

#7BA428

Tetradic

#283DA4

#A4287B

#A48F28

#28A451

Color Blindness Simulation

Original

#283DA4

Protanopia

#31318B

Deuteranopia

#302E85

Tritanopia

#297773

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E7F6
200
#C6CDF1
300
#9DA9E7
400
#677BDA
500
#324CCD
600
#283DA4
700
#203183
800
#192667
900
#161F4B
950
#0E142F

Contrast Checker

Text on white

9,16:1

AA Pass AAA Pass

Text on black

2,29:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026