#24BFDB

#24BFDB

Color Values

HEX

#24BFDB

RGB

36, 191, 219

HSL

189.2, 71.8%, 50.0%

HSV

189.2, 83.6%, 85.9%

CMYK

83.6%, 12.8%, 0.0%, 14.1%

OKLCH

0.7421 0.1243 213.9

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#24BFDB

#DB4024

Analogous

#24DB9C

#2463DB

#24BFDB

Triadic

#24BFDB

#DB24BF

#BFDB24

Split Complementary

#24BFDB

#DB2463

#DB9C24

Tetradic

#24BFDB

#9C24DB

#DB4024

#63DB24

Color Blindness Simulation

Original

#24BFDB

Protanopia

#6768D4

Deuteranopia

#5E52D3

Tritanopia

#2CCFCE

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E2F5F8
200
#C2EDF5
300
#96E0EE
400
#5DD0E4
500
#24BFDB
600
#1D99AF
700
#177A8C
800
#125F6E
900
#114650
950
#0B2C32

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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