#122338

#122338

Color Values

HEX

#122338

RGB

18, 35, 56

HSL

213.2, 51.4%, 14.5%

HSV

213.2, 67.9%, 22.0%

CMYK

67.9%, 37.5%, 0.0%, 78.0%

OKLCH

0.2528 0.0461 254.5

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#122338

#382712

Analogous

#123638

#141238

#122338

Triadic

#122338

#381223

#233812

Split Complementary

#122338

#381412

#363812

Tetradic

#122338

#381236

#382712

#123814

Color Blindness Simulation

Original

#122338

Protanopia

#191A33

Deuteranopia

#181732

Tritanopia

#132F2E

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C9D9EE
300
#A2BEE1
400
#709BD1
500
#3E79C1
600
#32609A
700
#284D7C
800
#1F3C61
900
#1A2E47
950
#101D2D

Contrast Checker

Text on white

15.87:1

AA Pass AAA Pass

Text on black

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