#24DBBB

#24DBBB

Color Values

HEX

#24DBBB

RGB

36, 219, 187

HSL

169.5, 71.8%, 50.0%

HSV

169.5, 83.6%, 85.9%

CMYK

83.6%, 0.0%, 14.6%, 14.1%

OKLCH

0.7994 0.1433 176.6

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#24DBBB

#DB2444

Analogous

#24DB5F

#24A0DB

#24DBBB

Triadic

#24DBBB

#BB24DB

#DBBB24

Split Complementary

#24DBBB

#DB24A0

#DB5F24

Tetradic

#24DBBB

#5F24DB

#DB2444

#A0DB24

Color Blindness Simulation

Original

#24DBBB

Protanopia

#7375C3

Deuteranopia

#695BC5

Tritanopia

#2DC9CA

Achromatopsia

#B2B2B2

CSS Usage

background-color: #24DBBB;
color: #24DBBB;
border-color: #24DBBB;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FCFA
100
#E2F8F4
200
#C2F5EC
300
#96EEDE
400
#5DE4CD
500
#24DBBB
600
#1DAF96
700
#178C78
800
#126E5E
900
#115045
950
#0B322B

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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