#050BC7

#050BC7

Color Values

HEX

#050BC7

RGB

5, 11, 199

HSL

238.1, 95.1%, 40.0%

HSV

238.1, 97.5%, 78.0%

CMYK

97.5%, 94.5%, 0.0%, 22.0%

OKLCH

0.3811 0.2556 264.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#050BC7

#C7C105

Analogous

#056CC7

#6005C7

#050BC7

Triadic

#050BC7

#C7050B

#0BC705

Split Complementary

#050BC7

#C76005

#6CC705

Tetradic

#050BC7

#C7056C

#C7C105

#05C760

Color Blindness Simulation

Original

#050BC7

Protanopia

#08089A

Deuteranopia

#07078F

Tritanopia

#05766E

Achromatopsia

#171717

CSS Usage

background-color: #050BC7;
color: #050BC7;
border-color: #050BC7;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BBFD
300
#888BFC
400
#474DFA
500
#060EF9
600
#050BC7
700
#04099F
800
#03077C
900
#070A5A
950
#040639

Contrast Checker

Text on white

11.18:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail 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