#223333

#223333

Color Values

HEX

#223333

RGB

34, 51, 51

HSL

180.0, 20.0%, 16.7%

HSV

180.0, 33.3%, 20.0%

CMYK

33.3%, 0.0%, 0.0%, 80.0%

OKLCH

0.3063 0.0223 196.0

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#223333

#332222

Analogous

#22332B

#222B33

#223333

Triadic

#223333

#332233

#333322

Split Complementary

#223333

#33222B

#332B22

Tetradic

#223333

#2B2233

#332222

#2B3322

Color Blindness Simulation

Original

#223333

Protanopia

#292A33

Deuteranopia

#282733

Tritanopia

#233333

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E2
300
#B6CECE
400
#8EB4B4
500
#669999
600
#527A7A
700
#416262
800
#334D4D
900
#283939
950
#192424

Contrast Checker

Text on white

13.21:1

AA Pass AAA Pass

Text on black

1.59:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026