#2DC9F4

#2DC9F4

Color Values

HEX

#2DC9F4

RGB

45, 201, 244

HSL

193.0, 90.0%, 56.7%

HSV

193.0, 81.6%, 95.7%

CMYK

81.6%, 17.6%, 0.0%, 4.3%

OKLCH

0.7775 0.1349 222.1

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#2DC9F4

#F4582D

Analogous

#2DF4BC

#2D66F4

#2DC9F4

Triadic

#2DC9F4

#F42DC9

#C9F42D

Split Complementary

#2DC9F4

#F42D66

#F4BC2D

Tetradic

#2DC9F4

#BC2DF4

#F4582D

#66F42D

Color Blindness Simulation

Original

#2DC9F4

Protanopia

#7172EA

Deuteranopia

#685CE7

Tritanopia

#35E1E0

Achromatopsia

#ABABAB

CSS Usage

background-color: #2DC9F4;
color: #2DC9F4;
border-color: #2DC9F4;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F1FBFD
100
#DFF5FB
200
#BBEEFB
300
#8BE1F9
400
#4CD1F6
500
#0DC1F2
600
#0A9AC2
700
#087B9B
800
#066079
900
#094758
950
#062D37

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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