#24948A

#24948A

Color Values

HEX

#24948A

RGB

36, 148, 138

HSL

174.6, 60.9%, 36.1%

HSV

174.6, 75.7%, 58.0%

CMYK

75.7%, 0.0%, 6.8%, 42.0%

OKLCH

0.6042 0.097 186.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#24948A

#94242E

Analogous

#249452

#246694

#24948A

Triadic

#24948A

#8A2494

#948A24

Split Complementary

#24948A

#942466

#945224

Tetradic

#24948A

#522494

#94242E

#669424

Color Blindness Simulation

Original

#24948A

Protanopia

#55558C

Deuteranopia

#4E468D

Tritanopia

#2A8E8F

Achromatopsia

#7B7B7B

CSS Usage

background-color: #24948A;
color: #24948A;
border-color: #24948A;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFB
100
#E4F6F5
200
#C6F1ED
300
#9DE7E0
400
#67DAD0
500
#32CDBF
600
#28A499
700
#20837A
800
#196760
900
#164B46
950
#0E2F2C

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

5.68:1

AA Pass 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