#0B4AF4

#0B4AF4

Color Values

HEX

#0B4AF4

RGB

11, 74, 244

HSL

223.8, 91.4%, 50.0%

HSV

223.8, 95.5%, 95.7%

CMYK

95.5%, 69.7%, 0.0%, 4.3%

OKLCH

0.5054 0.2575 263.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0B4AF4

#F4B50B

Analogous

#0BBEF4

#410BF4

#0B4AF4

Triadic

#0B4AF4

#F40B4A

#4AF40B

Split Complementary

#0B4AF4

#F4410B

#BEF40B

Tetradic

#0B4AF4

#F40BBE

#F4B50B

#0BF441

Color Blindness Simulation

Original

#0B4AF4

Protanopia

#2627CB

Deuteranopia

#231EC1

Tritanopia

#0EAAA3

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BBCCFC
300
#8AA8FA
400
#4A79F7
500
#0B4AF4
600
#093BC3
700
#072F9C
800
#05257A
900
#091E58
950
#051338

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

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