#B0ED9C

#B0ED9C

Color Values

HEX

#B0ED9C

RGB

176, 237, 156

HSL

105.2, 69.2%, 77.1%

HSV

105.2, 34.2%, 92.9%

CMYK

25.7%, 0.0%, 34.2%, 7.1%

OKLCH

0.8852 0.1243 138.2

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#B0ED9C

#D99CED

Analogous

#D9ED9C

#9CEDB1

#B0ED9C

Triadic

#B0ED9C

#9CB0ED

#ED9CB0

Split Complementary

#B0ED9C

#B19CED

#ED9CD9

Tetradic

#B0ED9C

#9CD9ED

#D99CED

#EDB19C

Color Blindness Simulation

Original

#B0ED9C

Protanopia

#CACBB0

Deuteranopia

#C7C2B4

Tritanopia

#B3BFC2

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E8F8E3
200
#CFF4C3
300
#ACEC97
400
#80E25F
500
#53D827
600
#42AD1F
700
#358A19
800
#296C14
900
#214F12
950
#15320C

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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