#95BA96

#95BA96

Color Values

HEX

#95BA96

RGB

149, 186, 150

HSL

121.6, 21.1%, 65.7%

HSV

121.6, 19.9%, 72.9%

CMYK

19.9%, 0.0%, 19.4%, 27.1%

OKLCH

0.7519 0.0648 145.6

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#95BA96

#BA95B9

Analogous

#A7BA95

#95BAA9

#95BA96

Triadic

#95BA96

#9695BA

#BA9695

Split Complementary

#95BA96

#A995BA

#BA95A7

Tetradic

#95BA96

#95A7BA

#BA95B9

#BAA995

Color Blindness Simulation

Original

#95BA96

Protanopia

#A5A59F

Deuteranopia

#A3A0A1

Tritanopia

#97A6A7

Achromatopsia

#B0B0B0

CSS Usage

background-color: #95BA96;
color: #95BA96;
border-color: #95BA96;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D4E3D4
300
#B5CFB6
400
#8DB58E
500
#659A66
600
#507C52
700
#406341
800
#324D33
900
#273A28
950
#192419

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.74:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026