#B4D094

#B4D094

Color Values

HEX

#B4D094

RGB

180, 208, 148

HSL

88.0, 39.0%, 69.8%

HSV

88.0, 28.8%, 81.6%

CMYK

13.5%, 0.0%, 28.8%, 18.4%

OKLCH

0.8219 0.0861 128.5

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#B4D094

#B094D0

Analogous

#D0CE94

#96D094

#B4D094

Triadic

#B4D094

#94B4D0

#D094B4

Split Complementary

#B4D094

#9496D0

#CE94D0

Tetradic

#B4D094

#94D0CE

#B094D0

#D09496

Color Blindness Simulation

Original

#B4D094

Protanopia

#C0C0A3

Deuteranopia

#BEBCA6

Tritanopia

#B5AEB0

Achromatopsia

#C6C6C6

CSS Usage

background-color: #B4D094;
color: #B4D094;
border-color: #B4D094;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DCE9CD
300
#C3DAAA
400
#A3C57C
500
#83B14E
600
#698E3E
700
#547132
800
#415927
900
#32411F
950
#1F2914

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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