#0B7CF4

#0B7CF4

Color Values

HEX

#0B7CF4

RGB

11, 124, 244

HSL

210.9, 91.4%, 50.0%

HSV

210.9, 95.5%, 95.7%

CMYK

95.5%, 49.2%, 0.0%, 4.3%

OKLCH

0.5996 0.201 256.1

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#0B7CF4

#F4830B

Analogous

#0BF1F4

#0E0BF4

#0B7CF4

Triadic

#0B7CF4

#F40B7C

#7CF40B

Split Complementary

#0B7CF4

#F40E0B

#F1F40B

Tetradic

#0B7CF4

#F40BF1

#F4830B

#0BF40E

Color Blindness Simulation

Original

#0B7CF4

Protanopia

#3C3DD7

Deuteranopia

#352DD0

Tritanopia

#11C0BB

Achromatopsia

#6D6D6D

CSS Usage

background-color: #0B7CF4;
color: #0B7CF4;
border-color: #0B7CF4;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDAFC
300
#8AC0FA
400
#4A9EF7
500
#0B7CF4
600
#0963C3
700
#074F9C
800
#053E7A
900
#092F58
950
#051E38

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026