#090CAF

#090CAF

Color Values

HEX

#090CAF

RGB

9, 12, 175

HSL

238.9, 90.2%, 36.1%

HSV

238.9, 94.9%, 68.6%

CMYK

94.9%, 93.1%, 0.0%, 31.4%

OKLCH

0.3497 0.23 265.5

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#090CAF

#AFAC09

Analogous

#095FAF

#5909AF

#090CAF

Triadic

#090CAF

#AF090C

#0CAF09

Split Complementary

#090CAF

#AF5909

#5FAF09

Tetradic

#090CAF

#AF095F

#AFAC09

#09AF59

Color Blindness Simulation

Original

#090CAF

Protanopia

#0A0A88

Deuteranopia

#0A0A7E

Tritanopia

#096862

Achromatopsia

#171717

CSS Usage

background-color: #090CAF;
color: #090CAF;
border-color: #090CAF;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BBBCFC
300
#8B8DF9
400
#4C4FF6
500
#0C11F3
600
#0A0DC2
700
#080B9B
800
#060879
900
#090B58
950
#060737

Contrast Checker

Text on white

12.48:1

AA Pass AAA Pass

Text on black

1.68:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026