#223B82

#223B82

Color Values

HEX

#223B82

RGB

34, 59, 130

HSL

224.4, 58.5%, 32.2%

HSV

224.4, 73.8%, 51.0%

CMYK

73.8%, 54.6%, 0.0%, 49.0%

OKLCH

0.3764 0.1236 266.0

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#223B82

#826922

Analogous

#226B82

#392282

#223B82

Triadic

#223B82

#82223B

#3B8222

Split Complementary

#223B82

#823922

#6B8222

Tetradic

#223B82

#82226B

#826922

#228239

Color Blindness Simulation

Original

#223B82

Protanopia

#2D2D71

Deuteranopia

#2B2A6D

Tritanopia

#236360

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4E9F6
200
#C6D1F0
300
#9EB1E6
400
#6986D8
500
#355CCA
600
#2A49A2
700
#223B81
800
#1A2E65
900
#17244A
950
#0E172F

Contrast Checker

Text on white

10.42:1

AA Pass AAA Pass

Text on black

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