#B8BC48

#B8BC48

Color Values

HEX

#B8BC48

RGB

184, 188, 72

HSL

62.1, 46.4%, 51.0%

HSV

62.1, 61.7%, 73.7%

CMYK

2.1%, 0.0%, 61.7%, 26.3%

OKLCH

0.7698 0.1379 111.1

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#B8BC48

#4C48BC

Analogous

#BC8648

#7EBC48

#B8BC48

Triadic

#B8BC48

#48B8BC

#BC48B8

Split Complementary

#B8BC48

#487EBC

#8648BC

Tetradic

#B8BC48

#48BC86

#4C48BC

#BC487E

Color Blindness Simulation

Original

#B8BC48

Protanopia

#BABA64

Deuteranopia

#BAB96B

Tritanopia

#B87A7F

Achromatopsia

#B3B3B3

CSS Usage

background-color: #B8BC48;
color: #B8BC48;
border-color: #B8BC48;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBECCB
300
#DCDEA5
400
#C9CC75
500
#B7BB44
600
#929537
700
#75772C
800
#5B5D22
900
#43451C
950
#2A2B12

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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