#B8C258

#B8C258

Color Values

HEX

#B8C258

RGB

184, 194, 88

HSL

65.7, 46.5%, 55.3%

HSV

65.7, 54.6%, 76.1%

CMYK

5.2%, 0.0%, 54.6%, 23.9%

OKLCH

0.7846 0.1309 113.9

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#B8C258

#6258C2

Analogous

#C29758

#83C258

#B8C258

Triadic

#B8C258

#58B8C2

#C258B8

Split Complementary

#B8C258

#5883C2

#9758C2

Tetradic

#B8C258

#58C297

#6258C2

#C25883

Color Blindness Simulation

Original

#B8C258

Protanopia

#BCBC72

Deuteranopia

#BCBB78

Tritanopia

#B8868A

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E9ECCB
300
#D9DEA5
400
#C4CD75
500
#B0BB44
600
#8C9537
700
#70782C
800
#585D22
900
#41451C
950
#292B12

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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