#95AF83

#95AF83

Color Values

HEX

#95AF83

RGB

149, 175, 131

HSL

95,5, 21,6%, 60,0%

HSV

95,5, 25,1%, 68,6%

CMYK

14,9%, 0,0%, 25,1%, 31,4%

OKLCH

0,7225 0,0681 132,8

Properties

Cool Light Nearest: RAL 6021 Pale Green

Color Harmonies

Complementary

#95AF83

#9D83AF

Analogous

#ABAF83

#83AF87

#95AF83

Triadic

#95AF83

#8395AF

#AF8395

Split Complementary

#95AF83

#8783AF

#AF83AB

Tetradic

#95AF83

#83ABAF

#9D83AF

#AF8783

Color Blindness Simulation

Original

#95AF83

Protanopia

#A0A08E

Deuteranopia

#9F9D90

Tritanopia

#969698

Achromatopsia

#A6A6A6

CSS Usage

background-color: #95AF83;
color: #95AF83;
border-color: #95AF83;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F7F9F6
100
#EDF0EA
200
#DAE3D4
300
#BFCFB5
400
#9DB58C
500
#7A9B64
600
#627C50
700
#4E6340
800
#3D4E32
900
#2F3A27
950
#1E2519

Contrast Checker

Text on white

2,4:1

AA Fail AAA Fail

Text on black

8,74:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026