#282FD7

#282FD7

Color Values

HEX

#282FD7

RGB

40, 47, 215

HSL

237.6, 68.6%, 50.0%

HSV

237.6, 81.4%, 84.3%

CMYK

81.4%, 78.1%, 0.0%, 15.7%

OKLCH

0.4432 0.2446 269.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#282FD7

#D7D028

Analogous

#2886D7

#7928D7

#282FD7

Triadic

#282FD7

#D7282F

#2FD728

Split Complementary

#282FD7

#D77928

#86D728

Tetradic

#282FD7

#D72886

#D7D028

#28D779

Color Blindness Simulation

Original

#282FD7

Protanopia

#2B2BAE

Deuteranopia

#2B2AA5

Tritanopia

#288E87

Achromatopsia

#3A3A3A

CSS Usage

background-color: #282FD7;
color: #282FD7;
border-color: #282FD7;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F3FC
100
#E3E4F8
200
#C3C5F4
300
#989BEC
400
#6065E1
500
#282FD7
600
#2026AC
700
#1A1E8A
800
#14186B
900
#13154E
950
#0C0D31

Contrast Checker

Text on white

8.47:1

AA Pass AAA Pass

Text on black

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