#237976

#237976

Color Values

HEX

#237976

RGB

35, 121, 118

HSL

177.9, 55.1%, 30.6%

HSV

177.9, 71.1%, 47.5%

CMYK

71.1%, 0.0%, 2.5%, 52.5%

OKLCH

0.5258 0.0793 191.6

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#237976

#792326

Analogous

#23794B

#235179

#237976

Triadic

#237976

#762379

#797623

Split Complementary

#237976

#792351

#794B23

Tetradic

#237976

#4B2379

#792326

#517923

Color Blindness Simulation

Original

#237976

Protanopia

#484977

Deuteranopia

#433D77

Tritanopia

#277777

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C8EFEE
300
#A0E4E1
400
#6DD5D1
500
#39C6C1
600
#2E9E9A
700
#257F7B
800
#1D6360
900
#184847
950
#0F2E2D

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026