#247F7B

#247F7B

Color Values

HEX

#247F7B

RGB

36, 127, 123

HSL

177.4, 55.8%, 32.0%

HSV

177.4, 71.7%, 49.8%

CMYK

71.7%, 0.0%, 3.1%, 50.2%

OKLCH

0.5438 0.0828 190.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#247F7B

#7F2428

Analogous

#247F4E

#24567F

#247F7B

Triadic

#247F7B

#7B247F

#7F7B24

Split Complementary

#247F7B

#7F2456

#7F4E24

Tetradic

#247F7B

#4E247F

#7F2428

#567F24

Color Blindness Simulation

Original

#247F7B

Protanopia

#4B4C7C

Deuteranopia

#463F7C

Tritanopia

#297D7D

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7EFED
300
#A0E4E1
400
#6CD5D1
500
#38C7C0
600
#2D9F9A
700
#247F7B
800
#1C6360
900
#184947
950
#0F2E2D

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

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