#237171

#237171

Color Values

HEX

#237171

RGB

35, 113, 113

HSL

180.0, 52.7%, 29.0%

HSV

180.0, 69.0%, 44.3%

CMYK

69.0%, 0.0%, 0.0%, 55.7%

OKLCH

0.5026 0.0737 195.1

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#237171

#712323

Analogous

#23714A

#234A71

#237171

Triadic

#237171

#712371

#717123

Split Complementary

#237171

#71234A

#714A23

Tetradic

#237171

#4A2371

#712323

#4A7123

Color Blindness Simulation

Original

#237171

Protanopia

#454571

Deuteranopia

#403A71

Tritanopia

#277171

Achromatopsia

#606060

CSS Usage

background-color: #237171;
color: #237171;
border-color: #237171;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EEEE
300
#A2E2E2
400
#6FD2D2
500
#3CC3C3
600
#309C9C
700
#277D7D
800
#1E6161
900
#194747
950
#102D2D

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

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