#233A38

#233A38

Color Values

HEX

#233A38

RGB

35, 58, 56

HSL

174.8, 24.7%, 18.2%

HSV

174.8, 39.7%, 22.7%

CMYK

39.7%, 0.0%, 3.4%, 77.3%

OKLCH

0.3287 0.0291 188.9

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#233A38

#3A2325

Analogous

#233A2C

#23303A

#233A38

Triadic

#233A38

#38233A

#3A3823

Split Complementary

#233A38

#3A2330

#3A2C23

Tetradic

#233A38

#2C233A

#3A2325

#303A23

Color Blindness Simulation

Original

#233A38

Protanopia

#2D2D38

Deuteranopia

#2C2A39

Tritanopia

#243939

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E4E3
300
#B3D1CE
400
#89B8B4
500
#609F9A
600
#4D7F7B
700
#3D6662
800
#304F4D
900
#263B39
950
#182524

Contrast Checker

Text on white

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