#090CBA

#090CBA

Color Values

HEX

#090CBA

RGB

9, 12, 186

HSL

239.0, 90.8%, 38.2%

HSV

239.0, 95.2%, 72.9%

CMYK

95.2%, 93.5%, 0.0%, 27.1%

OKLCH

0.3647 0.2414 265.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#090CBA

#BAB709

Analogous

#0964BA

#5E09BA

#090CBA

Triadic

#090CBA

#BA090C

#0CBA09

Split Complementary

#090CBA

#BA5E09

#64BA09

Tetradic

#090CBA

#BA0964

#BAB709

#09BA5E

Color Blindness Simulation

Original

#090CBA

Protanopia

#0A0A90

Deuteranopia

#0A0A86

Tritanopia

#096F67

Achromatopsia

#181818

CSS Usage

background-color: #090CBA;
color: #090CBA;
border-color: #090CBA;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BBBCFC
300
#8A8CF9
400
#4B4EF6
500
#0C10F3
600
#090CC3
700
#080A9C
800
#06087A
900
#090A58
950
#060638

Contrast Checker

Text on white

11.84:1

AA Pass AAA Pass

Text on black

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