#244F43

#244F43

Color Values

HEX

#244F43

RGB

36, 79, 67

HSL

163.3, 37.4%, 22.5%

HSV

163.3, 54.4%, 31.0%

CMYK

54.4%, 0.0%, 15.2%, 69.0%

OKLCH

0.3928 0.0526 173.0

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#244F43

#4F2430

Analogous

#244F2D

#24454F

#244F43

Triadic

#244F43

#43244F

#4F4324

Split Complementary

#244F43

#4F2445

#4F2D24

Tetradic

#244F43

#2D244F

#4F2430

#454F24

Color Blindness Simulation

Original

#244F43

Protanopia

#373746

Deuteranopia

#343147

Tritanopia

#264849

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3F0
200
#CEE9E1
300
#ABD9CC
400
#7DC4B0
500
#50AF95
600
#408C77
700
#33705F
800
#28584A
900
#204138
950
#142923

Contrast Checker

Text on white

9.23:1

AA Pass AAA Pass

Text on black

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