#090FBA

#090FBA

Color Values

HEX

#090FBA

RGB

9, 15, 186

HSL

238.0, 90.8%, 38.2%

HSV

238.0, 95.2%, 72.9%

CMYK

95.2%, 91.9%, 0.0%, 27.1%

OKLCH

0.3665 0.2402 265.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#090FBA

#BAB409

Analogous

#0967BA

#5C09BA

#090FBA

Triadic

#090FBA

#BA090F

#0FBA09

Split Complementary

#090FBA

#BA5C09

#67BA09

Tetradic

#090FBA

#BA0967

#BAB409

#09BA5C

Color Blindness Simulation

Original

#090FBA

Protanopia

#0C0C91

Deuteranopia

#0B0B87

Tritanopia

#097069

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BBBDFC
300
#8A8EF9
400
#4B51F6
500
#0C13F3
600
#0910C3
700
#080C9C
800
#060A7A
900
#090B58
950
#060738

Contrast Checker

Text on white

11.74:1

AA Pass AAA Pass

Text on black

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