#096C61

#096C61

Color Values

HEX

#096C61

RGB

9, 108, 97

HSL

173.3, 84.6%, 22.9%

HSV

173.3, 91.7%, 42.4%

CMYK

91.7%, 0.0%, 10.2%, 57.6%

OKLCH

0.478 0.0831 182.6

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#096C61

#6C0914

Analogous

#096C2F

#09456C

#096C61

Triadic

#096C61

#61096C

#6C6109

Split Complementary

#096C61

#6C0945

#6C2F09

Tetradic

#096C61

#2F096C

#6C0914

#456C09

Color Blindness Simulation

Original

#096C61

Protanopia

#343564

Deuteranopia

#2E2764

Tritanopia

#0E6666

Achromatopsia

#565656

CSS Usage

background-color: #096C61;
color: #096C61;
border-color: #096C61;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FDFC
100
#E0FAF7
200
#BDFAF3
300
#8EF6EA
400
#51F0DF
500
#14EBD3
600
#10BCA9
700
#0D9787
800
#0A766A
900
#0C554D
950
#073631

Contrast Checker

Text on white

6.31:1

AA Pass AAA Fail

Text on black

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