#B5C730

#B5C730

Color Values

HEX

#B5C730

RGB

181, 199, 48

HSL

67.2, 61.1%, 48.4%

HSV

67.2, 75.9%, 78.0%

CMYK

9.0%, 0.0%, 75.9%, 22.0%

OKLCH

0.79 0.1666 116.4

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#B5C730

#4230C7

Analogous

#C78E30

#69C730

#B5C730

Triadic

#B5C730

#30B5C7

#C730B5

Split Complementary

#B5C730

#3069C7

#8E30C7

Tetradic

#B5C730

#30C78E

#4230C7

#C73069

Color Blindness Simulation

Original

#B5C730

Protanopia

#BDBD54

Deuteranopia

#BCBA5D

Tritanopia

#B67178

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F4F6E4
200
#ECF1C5
300
#DEE79C
400
#CCDA67
500
#BBCD32
600
#95A428
700
#778320
800
#5D6719
900
#454B16
950
#2B2F0E

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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