#223933

#223933

Color Values

HEX

#223933

RGB

34, 57, 51

HSL

164.3, 25.3%, 17.8%

HSV

164.3, 40.4%, 22.4%

CMYK

40.4%, 0.0%, 10.5%, 77.6%

OKLCH

0.3233 0.031 176.0

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#223933

#392228

Analogous

#223927

#223339

#223933

Triadic

#223933

#332239

#393322

Split Complementary

#223933

#392233

#392722

Tetradic

#223933

#272239

#392228

#333922

Color Blindness Simulation

Original

#223933

Protanopia

#2C2C34

Deuteranopia

#2B2935

Tritanopia

#233636

Achromatopsia

#343434

CSS Usage

background-color: #223933;
color: #223933;
border-color: #223933;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E4E0
300
#B2D1C9
400
#89B9AC
500
#5FA08F
600
#4C8072
700
#3D665B
800
#305047
900
#253B36
950
#182622

Contrast Checker

Text on white

12.35:1

AA Pass AAA Pass

Text on black

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