#0AAAF5

#0AAAF5

Color Values

HEX

#0AAAF5

RGB

10, 170, 245

HSL

199,1, 92,2%, 50,0%

HSV

199,1, 95,9%, 96,1%

CMYK

95,9%, 30,6%, 0,0%, 3,9%

OKLCH

0,7023 0,1567 239,0

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#0AAAF5

#F5550A

Analogous

#0AF5CA

#0A35F5

#0AAAF5

Triadic

#0AAAF5

#F50AAA

#AAF50A

Split Complementary

#0AAAF5

#F50A35

#F5CA0A

Tetradic

#0AAAF5

#CA0AF5

#F5550A

#35F50A

Color Blindness Simulation

Original

#0AAAF5

Protanopia

#4F51E3

Deuteranopia

#463ADE

Tritanopia

#12D5D1

Achromatopsia

#8D8D8D

CSS Usage

background-color: #0AAAF5;
color: #0AAAF5;
border-color: #0AAAF5;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F1FAFD
100
#DFF2FB
200
#BAE7FC
300
#89D6FA
400
#4AC0F8
500
#0AAAF5
600
#0888C4
700
#066D9D
800
#05557B
900
#083F59
950
#052838

Contrast Checker

Text on white

2,6:1

AA Fail AAA Fail

Text on black

8,08: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