#44C5C2

#44C5C2

Color Values

HEX

#44C5C2

RGB

68, 197, 194

HSL

178.6, 52.7%, 52.0%

HSV

178.6, 65.5%, 77.3%

CMYK

65.5%, 0.0%, 1.5%, 22.7%

OKLCH

0.7535 0.1107 192.8

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#44C5C2

#C54447

Analogous

#44C582

#4488C5

#44C5C2

Triadic

#44C5C2

#C244C5

#C5C244

Split Complementary

#44C5C2

#C54488

#C58244

Tetradic

#44C5C2

#8244C5

#C54447

#88C544

Color Blindness Simulation

Original

#44C5C2

Protanopia

#7C7DC3

Deuteranopia

#746BC3

Tritanopia

#4AC3C3

Achromatopsia

#A9A9A9

CSS Usage

background-color: #44C5C2;
color: #44C5C2;
border-color: #44C5C2;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EEED
300
#A2E2E1
400
#6FD2D0
500
#3CC3C0
600
#309C99
700
#277D7B
800
#1E6160
900
#194746
950
#102D2C

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

10.01:1

AA Pass AAA Pass

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