#09497D

#09497D

Color Values

HEX

#09497D

RGB

9, 73, 125

HSL

206,9, 86,6%, 26,3%

HSV

206,9, 92,8%, 49,0%

CMYK

92,8%, 41,6%, 0,0%, 51,0%

OKLCH

0,3979 0,1057 249,7

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#09497D

#7D3D09

Analogous

#097D77

#090F7D

#09497D

Triadic

#09497D

#7D0949

#497D09

Split Complementary

#09497D

#7D090F

#7D7709

Tetradic

#09497D

#77097D

#7D3D09

#0F7D09

Color Blindness Simulation

Original

#09497D

Protanopia

#252570

Deuteranopia

#211C6D

Tritanopia

#0C6664

Achromatopsia

#3F3F3F

CSS Usage

background-color: #09497D;
color: #09497D;
border-color: #09497D;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BCDEFA
300
#8DC7F7
400
#4FA9F2
500
#118BEE
600
#0E6FBE
700
#0B5998
800
#094577
900
#0B3456
950
#072136

Contrast Checker

Text on white

9,29:1

AA Pass AAA Pass

Text on black

2,26:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026