#B5DA67

#B5DA67

Color Values

HEX

#B5DA67

RGB

181, 218, 103

HSL

79.3, 60.8%, 62.9%

HSV

79.3, 52.8%, 85.5%

CMYK

17.0%, 0.0%, 52.8%, 14.5%

OKLCH

0.8376 0.1486 124.3

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#B5DA67

#8C67DA

Analogous

#DAC567

#7BDA67

#B5DA67

Triadic

#B5DA67

#67B5DA

#DA67B5

Split Complementary

#B5DA67

#677BDA

#C567DA

Tetradic

#B5DA67

#67DAC5

#8C67DA

#DA677B

Color Blindness Simulation

Original

#B5DA67

Protanopia

#C5C583

Deuteranopia

#C3C08A

Tritanopia

#B7999E

Achromatopsia

#CACACA

CSS Usage

background-color: #B5DA67;
color: #B5DA67;
border-color: #B5DA67;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F9FBF3
100
#F0F6E4
200
#E3F1C6
300
#CFE79D
400
#B5DA67
500
#9BCD32
600
#7CA428
700
#638320
800
#4E6719
900
#3A4B16
950
#252F0E

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026