#B0D283

#B0D283

Color Values

HEX

#B0D283

RGB

176, 210, 131

HSL

85.8, 46.7%, 66.9%

HSV

85.8, 37.6%, 82.4%

CMYK

16.2%, 0.0%, 37.6%, 17.6%

OKLCH

0.8203 0.1105 127.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#B0D283

#A583D2

Analogous

#D2CC83

#89D283

#B0D283

Triadic

#B0D283

#83B0D2

#D283B0

Split Complementary

#B0D283

#8389D2

#CC83D2

Tetradic

#B0D283

#83D2CC

#A583D2

#D28389

Color Blindness Simulation

Original

#B0D283

Protanopia

#BFBF96

Deuteranopia

#BDBA9B

Tritanopia

#B2A5A9

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DEECCB
300
#C6DEA5
400
#A7CD75
500
#88BB44
600
#6D9636
700
#57782B
800
#445E22
900
#33451C
950
#202B12

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