#284980

#284980

Color Values

HEX

#284980

RGB

40, 73, 128

HSL

217.5, 52.4%, 32.9%

HSV

217.5, 68.8%, 50.2%

CMYK

68.8%, 43.0%, 0.0%, 49.8%

OKLCH

0.4099 0.1003 260.0

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#284980

#805F28

Analogous

#287580

#332880

#284980

Triadic

#284980

#802849

#498028

Split Complementary

#284980

#803328

#758028

Tetradic

#284980

#802875

#805F28

#288033

Color Blindness Simulation

Original

#284980

Protanopia

#363773

Deuteranopia

#343270

Tritanopia

#2A6866

Achromatopsia

#464646

CSS Usage

background-color: #284980;
color: #284980;
border-color: #284980;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C9D7EE
300
#A2BAE2
400
#6F94D2
500
#3D6FC2
600
#31599B
700
#27477C
800
#1E3761
900
#1A2B47
950
#101B2D

Contrast Checker

Text on white

8.92:1

AA Pass AAA Pass

Text on black

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