#0DCBF2

#0DCBF2

Color Values

HEX

#0DCBF2

RGB

13, 203, 242

HSL

190.2, 89.8%, 50.0%

HSV

190.2, 94.6%, 94.9%

CMYK

94.6%, 16.1%, 0.0%, 5.1%

OKLCH

0.7781 0.1389 218.5

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#0DCBF2

#F2340D

Analogous

#0DF2A6

#0D59F2

#0DCBF2

Triadic

#0DCBF2

#F20DCB

#CBF20D

Split Complementary

#0DCBF2

#F20D59

#F2A60D

Tetradic

#0DCBF2

#A60DF2

#F2340D

#59F20D

Color Blindness Simulation

Original

#0DCBF2

Protanopia

#5F61E9

Deuteranopia

#5446E6

Tritanopia

#16E1DF

Achromatopsia

#A5A5A5

CSS Usage

background-color: #0DCBF2;
color: #0DCBF2;
border-color: #0DCBF2;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FBFD
100
#E0F6FB
200
#BBF0FB
300
#8BE6F9
400
#4CD9F5
500
#0DCBF2
600
#0AA2C2
700
#08829B
800
#076679
900
#094A58
950
#062F37

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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