#222F46

#222F46

Color Values

HEX

#222F46

RGB

34, 47, 70

HSL

218.3, 34.6%, 20.4%

HSV

218.3, 51.4%, 27.5%

CMYK

51.4%, 32.9%, 0.0%, 72.5%

OKLCH

0.3048 0.0455 261.4

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#222F46

#463922

Analogous

#224146

#272246

#222F46

Triadic

#222F46

#46222F

#2F4622

Split Complementary

#222F46

#462722

#414622

Tetradic

#222F46

#462241

#463922

#224627

Color Blindness Simulation

Original

#222F46

Protanopia

#282840

Deuteranopia

#27263F

Tritanopia

#233C3B

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD8E8
300
#ADBCD7
400
#8098C1
500
#5373AC
600
#435C89
700
#354A6E
800
#2A3A56
900
#212C40
950
#151C28

Contrast Checker

Text on white

13.44:1

AA Pass AAA Pass

Text on black

1.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026