#223349

#223349

Color Values

HEX

#223349

RGB

34, 51, 73

HSL

213.8, 36.4%, 21.0%

HSV

213.8, 53.4%, 28.6%

CMYK

53.4%, 30.1%, 0.0%, 71.4%

OKLCH

0.317 0.0456 255.2

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#223349

#493822

Analogous

#224749

#252249

#223349

Triadic

#223349

#492233

#334922

Split Complementary

#223349

#492522

#474922

Tetradic

#223349

#492247

#493822

#224925

Color Blindness Simulation

Original

#223349

Protanopia

#292A44

Deuteranopia

#282742

Tritanopia

#233F3F

Achromatopsia

#313131

CSS Usage

background-color: #223349;
color: #223349;
border-color: #223349;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CEDAE8
300
#ACBFD8
400
#7E9CC3
500
#517AAE
600
#41618B
700
#344E6F
800
#293D57
900
#212E40
950
#151D29

Contrast Checker

Text on white

12.82:1

AA Pass AAA Pass

Text on black

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