#223242

#223242

Color Values

HEX

#223242

RGB

34, 50, 66

HSL

210.0, 32.0%, 19.6%

HSV

210.0, 48.5%, 25.9%

CMYK

48.5%, 24.2%, 0.0%, 74.1%

OKLCH

0.3105 0.0359 249.0

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#223242

#423222

Analogous

#224242

#222242

#223242

Triadic

#223242

#422232

#324222

Split Complementary

#223242

#422222

#424222

Tetradic

#223242

#422242

#423222

#224222

Color Blindness Simulation

Original

#223242

Protanopia

#29293E

Deuteranopia

#28273D

Tritanopia

#233B3A

Achromatopsia

#303030

CSS Usage

background-color: #223242;
color: #223242;
border-color: #223242;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F5F7F9
100
#E8EDF2
200
#D0DBE7
300
#AEC2D5
400
#82A1BF
500
#5780A8
600
#456687
700
#37526C
800
#2B4054
900
#22303E
950
#161F27

Contrast Checker

Text on white

13.1:1

AA Pass AAA Pass

Text on black

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