#0B6AF4

#0B6AF4

Color Values

HEX

#0B6AF4

RGB

11, 106, 244

HSL

215.5, 91.4%, 50.0%

HSV

215.5, 95.5%, 95.7%

CMYK

95.5%, 56.6%, 0.0%, 4.3%

OKLCH

0.5628 0.2219 259.9

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#0B6AF4

#F4950B

Analogous

#0BDFF4

#200BF4

#0B6AF4

Triadic

#0B6AF4

#F40B6A

#6AF40B

Split Complementary

#0B6AF4

#F4200B

#DFF40B

Tetradic

#0B6AF4

#F40BDF

#F4950B

#0BF420

Color Blindness Simulation

Original

#0B6AF4

Protanopia

#3435D3

Deuteranopia

#2F28CB

Tritanopia

#10B8B2

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BBD5FC
300
#8AB8FA
400
#4A91F7
500
#0B6AF4
600
#0955C3
700
#07449C
800
#05357A
900
#092958
950
#051A38

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

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