#223D33

#223D33

Color Values

HEX

#223D33

RGB

34, 61, 51

HSL

157.8, 28.4%, 18.6%

HSV

157.8, 44.3%, 23.9%

CMYK

44.3%, 0.0%, 16.4%, 76.1%

OKLCH

0.3349 0.0378 168.5

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#223D33

#3D222C

Analogous

#223D25

#22393D

#223D33

Triadic

#223D33

#33223D

#3D3322

Split Complementary

#223D33

#3D2239

#3D2522

Tetradic

#223D33

#25223D

#3D222C

#393D22

Color Blindness Simulation

Original

#223D33

Protanopia

#2E2E35

Deuteranopia

#2C2A36

Tritanopia

#233738

Achromatopsia

#373737

CSS Usage

background-color: #223D33;
color: #223D33;
border-color: #223D33;
Nearest Tailwind: Emerald 950 #022C22

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D1E5DE
300
#B0D3C6
400
#86BBA8
500
#5BA489
600
#49836E
700
#3A6958
800
#2E5244
900
#243D34
950
#172621

Contrast Checker

Text on white

11.78:1

AA Pass AAA Pass

Text on black

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