#44BBA6

#44BBA6

Color Values

HEX

#44BBA6

RGB

68, 187, 166

HSL

169.4, 46.7%, 50.0%

HSV

169.4, 63.6%, 73.3%

CMYK

63.6%, 0.0%, 11.2%, 26.7%

OKLCH

0.72 0.1101 179.1

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#44BBA6

#BB4459

Analogous

#44BB6A

#4495BB

#44BBA6

Triadic

#44BBA6

#A644BB

#BBA644

Split Complementary

#44BBA6

#BB4495

#BB6A44

Tetradic

#44BBA6

#6A44BB

#BB4459

#95BB44

Color Blindness Simulation

Original

#44BBA6

Protanopia

#7879AB

Deuteranopia

#7168AC

Tritanopia

#4AAFB0

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F4FAF9
100
#E6F4F2
200
#CBECE6
300
#A5DED4
400
#75CDBD
500
#44BBA6
600
#369685
700
#2B786A
800
#225E53
900
#1C453E
950
#122B27

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026