#095F36

#095F36

Color Values

HEX

#095F36

RGB

9, 95, 54

HSL

151.4, 82.7%, 20.4%

HSV

151.4, 90.5%, 37.3%

CMYK

90.5%, 0.0%, 43.2%, 62.7%

OKLCH

0.4282 0.1012 155.4

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#095F36

#5F0932

Analogous

#095F0B

#095D5F

#095F36

Triadic

#095F36

#36095F

#5F3609

Split Complementary

#095F36

#5F095D

#5F0B09

Tetradic

#095F36

#0B095F

#5F0932

#5D5F09

Color Blindness Simulation

Original

#095F36

Protanopia

#2E2F40

Deuteranopia

#292342

Tritanopia

#0D4849

Achromatopsia

#4A4A4A

CSS Usage

background-color: #095F36;
color: #095F36;
border-color: #095F36;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F2FDF8
100
#E1FAEE
200
#BEF9DD
300
#8FF4C4
400
#53EFA4
500
#16E984
600
#12BA6A
700
#0E9555
800
#0B7442
900
#0C5532
950
#083520

Contrast Checker

Text on white

7.77:1

AA Pass AAA Pass

Text on black

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