#247F80

#247F80

Color Values

HEX

#247F80

RGB

36, 127, 128

HSL

180.7, 56.1%, 32.2%

HSV

180.7, 71.9%, 50.2%

CMYK

71.9%, 0.8%, 0.0%, 49.8%

OKLCH

0.5457 0.0823 196.1

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#247F80

#802524

Analogous

#248053

#245180

#247F80

Triadic

#247F80

#80247F

#7F8024

Split Complementary

#247F80

#802451

#805324

Tetradic

#247F80

#532480

#802524

#518024

Color Blindness Simulation

Original

#247F80

Protanopia

#4B4C80

Deuteranopia

#463F80

Tritanopia

#298080

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F6
200
#C7EFEF
300
#9FE3E4
400
#6CD4D6
500
#38C5C7
600
#2D9E9F
700
#247E7F
800
#1C6364
900
#184849
950
#0F2E2E

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

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