#0F6CF0

#0F6CF0

Color Values

HEX

#0F6CF0

RGB

15, 108, 240

HSL

215.2, 88.2%, 50.0%

HSV

215.2, 93.8%, 94.1%

CMYK

93.8%, 55.0%, 0.0%, 5.9%

OKLCH

0.564 0.2142 259.5

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#0F6CF0

#F0930F

Analogous

#0FDCF0

#230FF0

#0F6CF0

Triadic

#0F6CF0

#F00F6C

#6CF00F

Split Complementary

#0F6CF0

#F0230F

#DCF00F

Tetradic

#0F6CF0

#F00FDC

#F0930F

#0FF023

Color Blindness Simulation

Original

#0F6CF0

Protanopia

#3738D0

Deuteranopia

#322BC8

Tritanopia

#14B7B1

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFB
200
#BCD6FB
300
#8CB8F8
400
#4D92F4
500
#0F6CF0
600
#0C56C0
700
#0A459A
800
#083678
900
#0A2A57
950
#061A37

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

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