#223C82

#223C82

Color Values

HEX

#223C82

RGB

34, 60, 130

HSL

223.8, 58.5%, 32.2%

HSV

223.8, 73.8%, 51.0%

CMYK

73.8%, 53.8%, 0.0%, 49.0%

OKLCH

0.3786 0.1223 265.5

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#223C82

#826822

Analogous

#226C82

#382282

#223C82

Triadic

#223C82

#82223C

#3C8222

Split Complementary

#223C82

#823822

#6C8222

Tetradic

#223C82

#82226C

#826822

#228238

Color Blindness Simulation

Original

#223C82

Protanopia

#2D2D71

Deuteranopia

#2C2A6D

Tritanopia

#236461

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4E9F6
200
#C6D2F0
300
#9EB1E6
400
#6987D8
500
#355DCA
600
#2A4BA2
700
#223C81
800
#1A2F65
900
#17254A
950
#0E172F

Contrast Checker

Text on white

10.31:1

AA Pass AAA Pass

Text on black

2.04:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026