#247C7F

#247C7F

Color Values

HEX

#247C7F

RGB

36, 124, 127

HSL

182.0, 55.8%, 32.0%

HSV

182.0, 71.7%, 49.8%

CMYK

71.7%, 2.4%, 0.0%, 50.2%

OKLCH

0.5374 0.0803 198.4

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#247C7F

#7F2724

Analogous

#247F55

#244F7F

#247C7F

Triadic

#247C7F

#7F247C

#7C7F24

Split Complementary

#247C7F

#7F244F

#7F5524

Tetradic

#247C7F

#55247F

#7F2724

#4F7F24

Color Blindness Simulation

Original

#247C7F

Protanopia

#4A4B7E

Deuteranopia

#453E7E

Tritanopia

#287E7E

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F6
200
#C7EEEF
300
#A0E2E4
400
#6CD2D5
500
#38C2C7
600
#2D9B9F
700
#247C7F
800
#1C6163
900
#184749
950
#0F2D2E

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

4.26:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026