#090FBC

#090FBC

Color Values

HEX

#090FBC

RGB

9, 15, 188

HSL

238.0, 90.9%, 38.6%

HSV

238.0, 95.2%, 73.7%

CMYK

95.2%, 92.0%, 0.0%, 26.3%

OKLCH

0.3692 0.2423 265.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#090FBC

#BCB609

Analogous

#0968BC

#5C09BC

#090FBC

Triadic

#090FBC

#BC090F

#0FBC09

Split Complementary

#090FBC

#BC5C09

#68BC09

Tetradic

#090FBC

#BC0968

#BCB609

#09BC5C

Color Blindness Simulation

Original

#090FBC

Protanopia

#0C0C92

Deuteranopia

#0B0B88

Tritanopia

#09716A

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

11.63:1

AA Pass AAA Pass

Text on black

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