#223F99

#223F99

Color Values

HEX

#223F99

RGB

34, 63, 153

HSL

225.4, 63.6%, 36.7%

HSV

225.4, 77.8%, 60.0%

CMYK

77.8%, 58.8%, 0.0%, 40.0%

OKLCH

0.4042 0.1513 266.1

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#223F99

#997C22

Analogous

#227B99

#412299

#223F99

Triadic

#223F99

#99223F

#3F9922

Split Complementary

#223F99

#994122

#7B9922

Tetradic

#223F99

#99227B

#997C22

#229941

Color Blindness Simulation

Original

#223F99

Protanopia

#2F2F83

Deuteranopia

#2D2B7E

Tritanopia

#23726E

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E8F7
200
#C5D0F2
300
#9BAEE9
400
#6582DD
500
#2E56D1
600
#2545A7
700
#1E3785
800
#172B68
900
#15224C
950
#0D1630

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

2.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026