#223150

#223150

Color Values

HEX

#223150

RGB

34, 49, 80

HSL

220.4, 40.4%, 22.4%

HSV

220.4, 57.5%, 31.4%

CMYK

57.5%, 38.8%, 0.0%, 68.6%

OKLCH

0.316 0.0594 263.7

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#223150

#504122

Analogous

#224850

#2A2250

#223150

Triadic

#223150

#502231

#315022

Split Complementary

#223150

#502A22

#485022

Tetradic

#223150

#502248

#504122

#22502A

Color Blindness Simulation

Original

#223150

Protanopia

#282949

Deuteranopia

#282647

Tritanopia

#234341

Achromatopsia

#303030

CSS Usage

background-color: #223150;
color: #223150;
border-color: #223150;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CDD6EA
300
#A9B9DB
400
#7B93C7
500
#4C6EB3
600
#3D588F
700
#314673
800
#26375A
900
#1F2A42
950
#131B2A

Contrast Checker

Text on white

12.94:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026