#247F78

#247F78

Color Values

HEX

#247F78

RGB

36, 127, 120

HSL

175.4, 55.8%, 32.0%

HSV

175.4, 71.7%, 49.8%

CMYK

71.7%, 0.0%, 5.5%, 50.2%

OKLCH

0.5428 0.0835 187.5

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#247F78

#7F242B

Analogous

#247F4B

#24597F

#247F78

Triadic

#247F78

#78247F

#7F7824

Split Complementary

#247F78

#7F2459

#7F4B24

Tetradic

#247F78

#4B247F

#7F242B

#597F24

Color Blindness Simulation

Original

#247F78

Protanopia

#4B4C7A

Deuteranopia

#463F7A

Tritanopia

#297B7B

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F6F4
200
#C7EFEC
300
#A0E4DF
400
#6CD5CD
500
#38C7BC
600
#2D9F96
700
#247F78
800
#1C635E
900
#184945
950
#0F2E2C

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

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