#0FA2F0

#0FA2F0

Color Values

HEX

#0FA2F0

RGB

15, 162, 240

HSL

200.8, 88.2%, 50.0%

HSV

200.8, 93.8%, 94.1%

CMYK

93.8%, 32.5%, 0.0%, 5.9%

OKLCH

0.6816 0.1573 241.5

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#0FA2F0

#F05D0F

Analogous

#0FF0CD

#0F32F0

#0FA2F0

Triadic

#0FA2F0

#F00FA2

#A2F00F

Split Complementary

#0FA2F0

#F00F32

#F0CD0F

Tetradic

#0FA2F0

#CD0FF0

#F05D0F

#32F00F

Color Blindness Simulation

Original

#0FA2F0

Protanopia

#4F50DD

Deuteranopia

#463BD9

Tritanopia

#16CECB

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F1FB
200
#BCE5FB
300
#8CD2F8
400
#4DBAF4
500
#0FA2F0
600
#0C82C0
700
#0A689A
800
#085178
900
#0A3C57
950
#062637

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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