#95C386

#95C386

Color Values

HEX

#95C386

RGB

149, 195, 134

HSL

105.2, 33.7%, 64.5%

HSV

105.2, 31.3%, 76.5%

CMYK

23.6%, 0.0%, 31.3%, 23.5%

OKLCH

0.7689 0.0975 138.2

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#95C386

#B486C3

Analogous

#B4C386

#86C395

#95C386

Triadic

#95C386

#8695C3

#C38695

Split Complementary

#95C386

#9586C3

#C386B4

Tetradic

#95C386

#86B4C3

#B486C3

#C39586

Color Blindness Simulation

Original

#95C386

Protanopia

#A9A995

Deuteranopia

#A6A398

Tritanopia

#97A0A3

Achromatopsia

#B5B5B5

CSS Usage

background-color: #95C386;
color: #95C386;
border-color: #95C386;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F6FAF5
100
#EBF2E8
200
#D5E7CF
300
#B7D6AD
400
#91C081
500
#6AAA55
600
#558844
700
#446D36
800
#35552A
900
#293F22
950
#1A2815

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

10.43:1

AA Pass AAA Pass

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