#246269

#246269

Color Values

HEX

#246269

RGB

36, 98, 105

HSL

186.1, 48.9%, 27.6%

HSV

186.1, 65.7%, 41.2%

CMYK

65.7%, 6.7%, 0.0%, 58.8%

OKLCH

0.4595 0.0634 205.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#246269

#692B24

Analogous

#24694D

#243F69

#246269

Triadic

#246269

#692462

#626924

Split Complementary

#246269

#69243F

#694D24

Tetradic

#246269

#4D2469

#692B24

#3F6924

Color Blindness Simulation

Original

#246269

Protanopia

#3F3F67

Deuteranopia

#3B3767

Tritanopia

#276666

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#CAE9ED
300
#A4DAE0
400
#73C5CF
500
#41B1BE
600
#348E98
700
#2A717A
800
#21595F
900
#1B4146
950
#11292C

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

3.03:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026