#0F62F0

#0F62F0

Color Values

HEX

#0F62F0

RGB

15, 98, 240

HSL

217.9, 88.2%, 50.0%

HSV

217.9, 93.8%, 94.1%

CMYK

93.8%, 59.2%, 0.0%, 5.9%

OKLCH

0.5443 0.2259 261.2

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#0F62F0

#F09D0F

Analogous

#0FD2F0

#2D0FF0

#0F62F0

Triadic

#0F62F0

#F00F62

#62F00F

Split Complementary

#0F62F0

#F02D0F

#D2F00F

Tetradic

#0F62F0

#F00FD2

#F09D0F

#0FF02D

Color Blindness Simulation

Original

#0F62F0

Protanopia

#3334CE

Deuteranopia

#2E28C5

Tritanopia

#13B2AD

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BCD3FB
300
#8CB4F8
400
#4D8BF4
500
#0F62F0
600
#0C4EC0
700
#0A3F9A
800
#083178
900
#0A2657
950
#061837

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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