#237276

#237276

Color Values

HEX

#237276

RGB

35, 114, 118

HSL

182.9, 54.2%, 30.0%

HSV

182.9, 70.3%, 46.3%

CMYK

70.3%, 3.4%, 0.0%, 53.7%

OKLCH

0.5072 0.0744 200.0

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#237276

#762723

Analogous

#237651

#234876

#237276

Triadic

#237276

#762372

#727623

Split Complementary

#237276

#762348

#765123

Tetradic

#237276

#512376

#762723

#487623

Color Blindness Simulation

Original

#237276

Protanopia

#454675

Deuteranopia

#413B75

Tritanopia

#277474

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EDEF
300
#A1E0E3
400
#6ECFD4
500
#3ABEC5
600
#2F989D
700
#257A7E
800
#1D5F62
900
#194648
950
#102C2E

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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