#223699

#223699

Color Values

HEX

#223699

RGB

34, 54, 153

HSL

229.9, 63.6%, 36.7%

HSV

229.9, 77.8%, 60.0%

CMYK

77.8%, 64.7%, 0.0%, 40.0%

OKLCH

0.3865 0.1626 268.5

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#223699

#998522

Analogous

#227299

#4A2299

#223699

Triadic

#223699

#992236

#369922

Split Complementary

#223699

#994A22

#729922

Tetradic

#223699

#992272

#998522

#22994A

Color Blindness Simulation

Original

#223699

Protanopia

#2B2B81

Deuteranopia

#2A287B

Tritanopia

#236E6A

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E7F7
200
#C5CCF2
300
#9BA8E9
400
#6579DD
500
#2E4AD1
600
#253BA7
700
#1E2F85
800
#172568
900
#151E4C
950
#0D1330

Contrast Checker

Text on white

10.22:1

AA Pass AAA Pass

Text on black

2.06:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026