#223382

#223382

Color Values

HEX

#223382

RGB

34, 51, 130

HSL

229.4, 58.5%, 32.2%

HSV

229.4, 73.8%, 51.0%

CMYK

73.8%, 60.8%, 0.0%, 49.0%

OKLCH

0.3594 0.1343 269.2

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#223382

#827122

Analogous

#226382

#412282

#223382

Triadic

#223382

#822233

#338222

Split Complementary

#223382

#824122

#638222

Tetradic

#223382

#822263

#827122

#228241

Color Blindness Simulation

Original

#223382

Protanopia

#292A6F

Deuteranopia

#28276A

Tritanopia

#23605C

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CEF0
300
#9EABE6
400
#697DD8
500
#354FCA
600
#2A3FA2
700
#223381
800
#1A2865
900
#17204A
950
#0E142F

Contrast Checker

Text on white

11.27:1

AA Pass AAA Pass

Text on black

1.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026