#223369

#223369

Color Values

HEX

#223369

RGB

34, 51, 105

HSL

225.6, 51.1%, 27.3%

HSV

225.6, 67.6%, 41.2%

CMYK

67.6%, 51.4%, 0.0%, 58.8%

OKLCH

0.3385 0.0968 267.8

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#223369

#695822

Analogous

#225769

#352269

#223369

Triadic

#223369

#692233

#336922

Split Complementary

#223369

#693522

#576922

Tetradic

#223369

#692257

#695822

#226935

Color Blindness Simulation

Original

#223369

Protanopia

#292A5C

Deuteranopia

#282759

Tritanopia

#23524F

Achromatopsia

#333333

CSS Usage

background-color: #223369;
color: #223369;
border-color: #223369;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FB
100
#E5E9F5
200
#C9D2EE
300
#A3B2E1
400
#7088D1
500
#3E5EC1
600
#324B9A
700
#283C7B
800
#1F2F60
900
#1A2547
950
#11172D

Contrast Checker

Text on white

12.03:1

AA Pass AAA Pass

Text on black

1.75:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026