#B5CE71

#B5CE71

Color Values

HEX

#B5CE71

RGB

181, 206, 113

HSL

76.1, 48.7%, 62.5%

HSV

76.1, 45.1%, 80.8%

CMYK

12.1%, 0.0%, 45.1%, 19.2%

OKLCH

0.8121 0.1224 121.5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#B5CE71

#8A71CE

Analogous

#CEB871

#86CE71

#B5CE71

Triadic

#B5CE71

#71B5CE

#CE71B5

Split Complementary

#B5CE71

#7186CE

#B871CE

Tetradic

#B5CE71

#71CEB8

#8A71CE

#CE7186

Color Blindness Simulation

Original

#B5CE71

Protanopia

#C0C087

Deuteranopia

#BEBC8D

Tritanopia

#B6999D

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F5E6
200
#E3EDCA
300
#D0E0A4
400
#B6CF73
500
#9CBE41
600
#7D9834
700
#64792A
800
#4E5F21
900
#3A461B
950
#252C11

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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