#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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026