#0F6AF0

#0F6AF0

Color Values

HEX

#0F6AF0

RGB

15, 106, 240

HSL

215.7, 88.2%, 50.0%

HSV

215.7, 93.8%, 94.1%

CMYK

93.8%, 55.8%, 0.0%, 5.9%

OKLCH

0.56 0.2166 259.8

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#0F6AF0

#F0950F

Analogous

#0FDBF0

#240FF0

#0F6AF0

Triadic

#0F6AF0

#F00F6A

#6AF00F

Split Complementary

#0F6AF0

#F0240F

#DBF00F

Tetradic

#0F6AF0

#F00FDB

#F0950F

#0FF024

Color Blindness Simulation

Original

#0F6AF0

Protanopia

#3637D0

Deuteranopia

#312AC8

Tritanopia

#14B6B0

Achromatopsia

#606060

CSS Usage

background-color: #0F6AF0;
color: #0F6AF0;
border-color: #0F6AF0;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F6FD
100
#E0EBFB
200
#BCD5FB
300
#8CB8F8
400
#4D91F4
500
#0F6AF0
600
#0C55C0
700
#0A449A
800
#083578
900
#0A2957
950
#061A37

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail 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