#0EBAF1

#0EBAF1

Color Values

HEX

#0EBAF1

RGB

14, 186, 241

HSL

194.5, 89.0%, 50.0%

HSV

194.5, 94.2%, 94.5%

CMYK

94.2%, 22.8%, 0.0%, 5.5%

OKLCH

0.7377 0.1431 228.6

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#0EBAF1

#F1450E

Analogous

#0EF1B6

#0E49F1

#0EBAF1

Triadic

#0EBAF1

#F10EBA

#BAF10E

Split Complementary

#0EBAF1

#F10E49

#F1B60E

Tetradic

#0EBAF1

#B60EF1

#F1450E

#49F10E

Color Blindness Simulation

Original

#0EBAF1

Protanopia

#595AE4

Deuteranopia

#4E42E0

Tritanopia

#17D9D7

Achromatopsia

#999999

CSS Usage

background-color: #0EBAF1;
color: #0EBAF1;
border-color: #0EBAF1;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2FAFD
100
#E0F4FB
200
#BCECFB
300
#8BDEF8
400
#4DCCF5
500
#0EBAF1
600
#0B95C1
700
#09779A
800
#075D78
900
#0A4557
950
#062B37

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.31:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026