#B4DA85

#B4DA85

Color Values

HEX

#B4DA85

RGB

180, 218, 133

HSL

86.8, 53.5%, 68.8%

HSV

86.8, 39.0%, 85.5%

CMYK

17.4%, 0.0%, 39.0%, 14.5%

OKLCH

0.8412 0.1184 128.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#B4DA85

#AB85DA

Analogous

#DAD585

#89DA85

#B4DA85

Triadic

#B4DA85

#85B4DA

#DA85B4

Split Complementary

#B4DA85

#8589DA

#D585DA

Tetradic

#B4DA85

#85DAD5

#AB85DA

#DA8589

Color Blindness Simulation

Original

#B4DA85

Protanopia

#C4C59A

Deuteranopia

#C2BF9E

Tritanopia

#B6AAAD

Achromatopsia

#CCCCCC

CSS Usage

background-color: #B4DA85;
color: #B4DA85;
border-color: #B4DA85;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DDEEC8
300
#C5E3A1
400
#A6D36E
500
#87C43B
600
#6C9D2F
700
#567D26
800
#43621E
900
#334819
950
#202D10

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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