#246F60

#246F60

Color Values

HEX

#246F60

RGB

36, 111, 96

HSL

168.0, 51.0%, 28.8%

HSV

168.0, 67.6%, 43.5%

CMYK

67.6%, 0.0%, 13.5%, 56.5%

OKLCH

0.4915 0.0769 177.1

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#246F60

#6F2433

Analogous

#246F3A

#24586F

#246F60

Triadic

#246F60

#60246F

#6F6024

Split Complementary

#246F60

#6F2458

#6F3A24

Tetradic

#246F60

#3A246F

#6F2433

#586F24

Color Blindness Simulation

Original

#246F60

Protanopia

#444564

Deuteranopia

#403A64

Tritanopia

#286667

Achromatopsia

#5E5E5E

CSS Usage

background-color: #246F60;
color: #246F60;
border-color: #246F60;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBF9
100
#E5F5F2
200
#C9EEE6
300
#A3E1D5
400
#71D1BE
500
#3EC1A7
600
#329A85
700
#287B6B
800
#1F6053
900
#1A473E
950
#112D27

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026