#B4CF72

#B4CF72

Color Values

HEX

#B4CF72

RGB

180, 207, 114

HSL

77.4, 49.2%, 62.9%

HSV

77.4, 44.9%, 81.2%

CMYK

13.0%, 0.0%, 44.9%, 18.8%

OKLCH

0.8137 0.1231 122.4

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#B4CF72

#8D72CF

Analogous

#CFBB72

#85CF72

#B4CF72

Triadic

#B4CF72

#72B4CF

#CF72B4

Split Complementary

#B4CF72

#7285CF

#BB72CF

Tetradic

#B4CF72

#72CFBB

#8D72CF

#CF7285

Color Blindness Simulation

Original

#B4CF72

Protanopia

#C0C088

Deuteranopia

#BEBC8E

Tritanopia

#B59A9E

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F0F5E6
200
#E3EDCA
300
#CEE0A4
400
#B4CF72
500
#9ABE41
600
#7B9834
700
#627A29
800
#4D5F20
900
#39461B
950
#242C11

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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