#246864

#246864

Color Values

HEX

#246864

RGB

36, 104, 100

HSL

176.5, 48.6%, 27.5%

HSV

176.5, 65.4%, 40.8%

CMYK

65.4%, 0.0%, 3.8%, 59.2%

OKLCH

0.4738 0.0676 189.7

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#246864

#682428

Analogous

#246842

#244A68

#246864

Triadic

#246864

#642468

#686424

Split Complementary

#246864

#68244A

#684224

Tetradic

#246864

#422468

#682428

#4A6824

Color Blindness Simulation

Original

#246864

Protanopia

#414265

Deuteranopia

#3E3865

Tritanopia

#276666

Achromatopsia

#595959

CSS Usage

background-color: #246864;
color: #246864;
border-color: #246864;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F4FBFA
100
#E6F5F4
200
#CAEDEB
300
#A4E0DC
400
#73CFC9
500
#42BDB6
600
#349892
700
#2A7975
800
#215F5B
900
#1B4643
950
#112C2A

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

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