#223865

#223865

Color Values

HEX

#223865

RGB

34, 56, 101

HSL

220.3, 49.6%, 26.5%

HSV

220.3, 66.3%, 39.6%

CMYK

66.3%, 44.6%, 0.0%, 60.4%

OKLCH

0.3474 0.0836 263.1

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#223865

#654F22

Analogous

#225A65

#2E2265

#223865

Triadic

#223865

#652238

#386522

Split Complementary

#223865

#652E22

#5A6522

Tetradic

#223865

#65225A

#654F22

#22652E

Color Blindness Simulation

Original

#223865

Protanopia

#2C2C5A

Deuteranopia

#2A2957

Tritanopia

#235250

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6EBF5
200
#CAD5ED
300
#A3B7E0
400
#7291CF
500
#406ABF
600
#335599
700
#29447A
800
#20355F
900
#1B2946
950
#111A2C

Contrast Checker

Text on white

11.53:1

AA Pass AAA Pass

Text on black

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