#096C9B

#096C9B

Color Values

HEX

#096C9B

RGB

9, 108, 155

HSL

199.3, 89.0%, 32.2%

HSV

199.3, 94.2%, 60.8%

CMYK

94.2%, 30.3%, 0.0%, 39.2%

OKLCH

0.5046 0.109 237.9

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#096C9B

#9B3809

Analogous

#099B81

#09239B

#096C9B

Triadic

#096C9B

#9B096C

#6C9B09

Split Complementary

#096C9B

#9B0923

#9B8109

Tetradic

#096C9B

#81099B

#9B3809

#239B09

Color Blindness Simulation

Original

#096C9B

Protanopia

#343590

Deuteranopia

#2E278D

Tritanopia

#0E8785

Achromatopsia

#5A5A5A

CSS Usage

background-color: #096C9B;
color: #096C9B;
border-color: #096C9B;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F9FD
100
#E0F2FB
200
#BCE7FB
300
#8BD5F8
400
#4DBFF5
500
#0EA8F1
600
#0B86C1
700
#096C9A
800
#075478
900
#0A3E57
950
#062737

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

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