#0F3AF0

#0F3AF0

Color Values

HEX

#0F3AF0

RGB

15, 58, 240

HSL

228.5, 88.2%, 50.0%

HSV

228.5, 93.8%, 94.1%

CMYK

93.8%, 75.8%, 0.0%, 5.9%

OKLCH

0.4783 0.2678 264.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0F3AF0

#F0C50F

Analogous

#0FABF0

#540FF0

#0F3AF0

Triadic

#0F3AF0

#F00F3A

#3AF00F

Split Complementary

#0F3AF0

#F0540F

#ABF00F

Tetradic

#0F3AF0

#F00FAB

#F0C50F

#0FF054

Color Blindness Simulation

Original

#0F3AF0

Protanopia

#2222C4

Deuteranopia

#1F1CB9

Tritanopia

#11A19A

Achromatopsia

#3E3E3E

CSS Usage

background-color: #0F3AF0;
color: #0F3AF0;
border-color: #0F3AF0;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F4FD
100
#E0E5FB
200
#BCC8FB
300
#8CA1F8
400
#4D6DF4
500
#0F3AF0
600
#0C2FC0
700
#0A259A
800
#081D78
900
#0A1957
950
#061037

Contrast Checker

Text on white

7.28:1

AA Pass AAA Pass

Text on black

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