#0F9AF0

#0F9AF0

Color Values

HEX

#0F9AF0

RGB

15, 154, 240

HSL

202.9, 88.2%, 50.0%

HSV

202.9, 93.8%, 94.1%

CMYK

93.8%, 35.8%, 0.0%, 5.9%

OKLCH

0.6633 0.1642 245.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#0F9AF0

#F0650F

Analogous

#0FF0D5

#0F2AF0

#0F9AF0

Triadic

#0F9AF0

#F00F9A

#9AF00F

Split Complementary

#0F9AF0

#F00F2A

#F0D50F

Tetradic

#0F9AF0

#D50FF0

#F0650F

#2AF00F

Color Blindness Simulation

Original

#0F9AF0

Protanopia

#4B4CDB

Deuteranopia

#4339D6

Tritanopia

#16CBC7

Achromatopsia

#838383

CSS Usage

background-color: #0F9AF0;
color: #0F9AF0;
border-color: #0F9AF0;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F9FD
100
#E0F0FB
200
#BCE3FB
300
#8CCFF8
400
#4DB4F4
500
#0F9AF0
600
#0C7BC0
700
#0A639A
800
#084D78
900
#0A3A57
950
#062437

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

6.9:1

AA Pass AAA Fail

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