#244D48

#244D48

Color Values

HEX

#244D48

RGB

36, 77, 72

HSL

172.7, 36.3%, 22.2%

HSV

172.7, 53.2%, 30.2%

CMYK

53.2%, 0.0%, 6.5%, 69.8%

OKLCH

0.3889 0.0471 185.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#244D48

#4D2429

Analogous

#244D34

#243E4D

#244D48

Triadic

#244D48

#48244D

#4D4824

Split Complementary

#244D48

#4D243E

#4D3424

Tetradic

#244D48

#34244D

#4D2429

#3E4D24

Color Blindness Simulation

Original

#244D48

Protanopia

#363649

Deuteranopia

#33304A

Tritanopia

#264A4A

Achromatopsia

#444444

CSS Usage

background-color: #244D48;
color: #244D48;
border-color: #244D48;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CEE8E5
300
#ACD8D3
400
#7EC3BB
500
#51AEA3
600
#418B82
700
#346F68
800
#295751
900
#21403C
950
#152926

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

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