#223540

#223540

Color Values

HEX

#223540

RGB

34, 53, 64

HSL

202.0, 30.6%, 19.2%

HSV

202.0, 46.9%, 25.1%

CMYK

46.9%, 17.2%, 0.0%, 74.9%

OKLCH

0.3176 0.0315 234.5

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#223540

#402D22

Analogous

#22403C

#222640

#223540

Triadic

#223540

#402235

#354022

Split Complementary

#223540

#402226

#403C22

Tetradic

#223540

#3C2240

#402D22

#264022

Color Blindness Simulation

Original

#223540

Protanopia

#2A2A3D

Deuteranopia

#29283D

Tritanopia

#233B3B

Achromatopsia

#323232

CSS Usage

background-color: #223540;
color: #223540;
border-color: #223540;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D0DEE6
300
#AFC7D5
400
#84A8BE
500
#588AA7
600
#476E85
700
#39586B
800
#2C4553
900
#23343E
950
#162127

Contrast Checker

Text on white

12.72:1

AA Pass AAA Pass

Text on black

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