#237F7E

#237F7E

Color Values

HEX

#237F7E

RGB

35, 127, 126

HSL

179.3, 56.8%, 31.8%

HSV

179.3, 72.4%, 49.8%

CMYK

72.4%, 0.0%, 0.8%, 50.2%

OKLCH

0.5447 0.0828 193.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#237F7E

#7F2324

Analogous

#237F50

#23527F

#237F7E

Triadic

#237F7E

#7E237F

#7F7E23

Split Complementary

#237F7E

#7F2352

#7F5023

Tetradic

#237F7E

#50237F

#7F2324

#527F23

Color Blindness Simulation

Original

#237F7E

Protanopia

#4B4C7E

Deuteranopia

#463F7E

Tritanopia

#287E7E

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F6F6
200
#C7F0EF
300
#9FE5E4
400
#6BD6D5
500
#37C8C6
600
#2CA09F
700
#23807F
800
#1C6463
900
#184949
950
#0F2E2E

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

4.41:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026