#0B3DF4

#0B3DF4

Color Values

HEX

#0B3DF4

RGB

11, 61, 244

HSL

227.1, 91.4%, 50.0%

HSV

227.1, 95.5%, 95.7%

CMYK

95.5%, 75.0%, 0.0%, 4.3%

OKLCH

0.4862 0.27 264.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0B3DF4

#F4C20B

Analogous

#0BB2F4

#4D0BF4

#0B3DF4

Triadic

#0B3DF4

#F40B3D

#3DF40B

Split Complementary

#0B3DF4

#F44D0B

#B2F40B

Tetradic

#0B3DF4

#F40BB2

#F4C20B

#0BF44D

Color Blindness Simulation

Original

#0B3DF4

Protanopia

#2121C8

Deuteranopia

#1E1ABD

Tritanopia

#0EA59D

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BBC9FC
300
#8AA2FA
400
#4A6FF7
500
#0B3DF4
600
#0931C3
700
#07279C
800
#051F7A
900
#091A58
950
#051038

Contrast Checker

Text on white

7.03:1

AA Pass AAA Pass

Text on black

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