#B4D58D

#B4D58D

Color Values

HEX

#B4D58D

RGB

180, 213, 141

HSL

87.5, 46.2%, 69.4%

HSV

87.5, 33.8%, 83.5%

CMYK

15.5%, 0.0%, 33.8%, 16.5%

OKLCH

0.8315 0.102 128.4

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#B4D58D

#AE8DD5

Analogous

#D5D28D

#90D58D

#B4D58D

Triadic

#B4D58D

#8DB4D5

#D58DB4

Split Complementary

#B4D58D

#8D90D5

#D28DD5

Tetradic

#B4D58D

#8DD5D2

#AE8DD5

#D58D90

Color Blindness Simulation

Original

#B4D58D

Protanopia

#C2C39E

Deuteranopia

#C0BEA3

Tritanopia

#B6ACAF

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DDECCB
300
#C4DEA6
400
#A4CC75
500
#84BA45
600
#6A9537
700
#55772C
800
#425D22
900
#32451C
950
#202B12

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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