#24ACBD

#24ACBD

Color Values

HEX

#24ACBD

RGB

36, 172, 189

HSL

186.7, 68.0%, 44.1%

HSV

186.7, 81.0%, 74.1%

CMYK

81.0%, 9.0%, 0.0%, 25.9%

OKLCH

0.6838 0.1106 208.0

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#24ACBD

#BD3524

Analogous

#24BD82

#245FBD

#24ACBD

Triadic

#24ACBD

#BD24AC

#ACBD24

Split Complementary

#24ACBD

#BD245F

#BD8224

Tetradic

#24ACBD

#8224BD

#BD3524

#5FBD24

Color Blindness Simulation

Original

#24ACBD

Protanopia

#5F60B9

Deuteranopia

#574DB8

Tritanopia

#2BB6B5

Achromatopsia

#909090

CSS Usage

background-color: #24ACBD;
color: #24ACBD;
border-color: #24ACBD;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C3EEF4
300
#98E2EB
400
#60D2E1
500
#29C3D6
600
#219CAB
700
#1A7D89
800
#14616B
900
#13474E
950
#0C2D31

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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