#233A37

#233A37

Color Values

HEX

#233A37

RGB

35, 58, 55

HSL

172.2, 24.7%, 18.2%

HSV

172.2, 39.7%, 22.7%

CMYK

39.7%, 0.0%, 5.2%, 77.3%

OKLCH

0.3283 0.0294 185.5

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#233A37

#3A2326

Analogous

#233A2B

#23313A

#233A37

Triadic

#233A37

#37233A

#3A3723

Split Complementary

#233A37

#3A2331

#3A2B23

Tetradic

#233A37

#2B233A

#3A2326

#313A23

Color Blindness Simulation

Original

#233A37

Protanopia

#2D2D38

Deuteranopia

#2C2A38

Tritanopia

#243838

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E4E2
300
#B3D1CD
400
#89B8B2
500
#609F97
600
#4D7F79
700
#3D6661
800
#304F4B
900
#263B38
950
#182524

Contrast Checker

Text on white

12.13:1

AA Pass AAA Pass

Text on black

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