#0DECF2

#0DECF2

Color Values

HEX

#0DECF2

RGB

13, 236, 242

HSL

181.6, 89.8%, 50.0%

HSV

181.6, 94.6%, 94.9%

CMYK

94.6%, 2.5%, 0.0%, 5.1%

OKLCH

0.8564 0.1447 198.1

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#0DECF2

#F2130D

Analogous

#0DF286

#0D79F2

#0DECF2

Triadic

#0DECF2

#F20DEC

#ECF20D

Split Complementary

#0DECF2

#F20D79

#F2860D

Tetradic

#0DECF2

#860DF2

#F2130D

#79F20D

Color Blindness Simulation

Original

#0DECF2

Protanopia

#6E6FF1

Deuteranopia

#6150F0

Tritanopia

#18EFEF

Achromatopsia

#BDBDBD

CSS Usage

background-color: #0DECF2;
color: #0DECF2;
border-color: #0DECF2;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FDFD
100
#E0FAFB
200
#BBFAFB
300
#8BF6F9
400
#4CF1F5
500
#0DECF2
600
#0ABDC2
700
#08979B
800
#077679
900
#095658
950
#063637

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.3:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026