#203334

#203334

Color Values

HEX

#203334

RGB

32, 51, 52

HSL

183.0, 23.8%, 16.5%

HSV

183.0, 38.5%, 20.4%

CMYK

38.5%, 1.9%, 0.0%, 79.6%

OKLCH

0.3052 0.0246 200.1

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#203334

#342120

Analogous

#20342B

#202934

#203334

Triadic

#203334

#342033

#333420

Split Complementary

#203334

#342029

#342B20

Tetradic

#203334

#2B2034

#342120

#293420

Color Blindness Simulation

Original

#203334

Protanopia

#282834

Deuteranopia

#272634

Tritanopia

#213434

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E3E4
300
#B3CFD0
400
#8AB5B7
500
#619B9E
600
#4E7C7E
700
#3E6365
800
#314D4F
900
#263A3B
950
#182425

Contrast Checker

Text on white

13.25:1

AA Pass AAA Pass

Text on black

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