#24AFAA

#24AFAA

Color Values

HEX

#24AFAA

RGB

36, 175, 170

HSL

177.8, 65.9%, 41.4%

HSV

177.8, 79.4%, 68.6%

CMYK

79.4%, 0.0%, 2.9%, 31.4%

OKLCH

0.6842 0.1109 191.1

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#24AFAA

#AF2429

Analogous

#24AF64

#246FAF

#24AFAA

Triadic

#24AFAA

#AA24AF

#AFAA24

Split Complementary

#24AFAA

#AF246F

#AF6424

Tetradic

#24AFAA

#6424AF

#AF2429

#6FAF24

Color Blindness Simulation

Original

#24AFAA

Protanopia

#6061AB

Deuteranopia

#584EAC

Tritanopia

#2BACAC

Achromatopsia

#919191

CSS Usage

background-color: #24AFAA;
color: #24AFAA;
border-color: #24AFAA;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C4F3F1
300
#99EAE7
400
#62DFDA
500
#2BD4CD
600
#23A9A4
700
#1C8783
800
#166A67
900
#144D4B
950
#0C312F

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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