#284797

#284797

Color Values

HEX

#284797

RGB

40, 71, 151

HSL

223.2, 58.1%, 37.5%

HSV

223.2, 73.5%, 59.2%

CMYK

73.5%, 53.0%, 0.0%, 40.8%

OKLCH

0.4221 0.1364 265.1

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#284797

#977828

Analogous

#287F97

#412897

#284797

Triadic

#284797

#972847

#479728

Split Complementary

#284797

#974128

#7F9728

Tetradic

#284797

#97287F

#977828

#289741

Color Blindness Simulation

Original

#284797

Protanopia

#353684

Deuteranopia

#34317F

Tritanopia

#2A7471

Achromatopsia

#464646

CSS Usage

background-color: #284797;
color: #284797;
border-color: #284797;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F6FB
100
#E4E9F6
200
#C7D2F0
300
#9EB2E5
400
#6A89D7
500
#355FCA
600
#2B4CA1
700
#223D81
800
#1B2F65
900
#17254A
950
#0F182F

Contrast Checker

Text on white

8.61:1

AA Pass AAA Pass

Text on black

2.44:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026