#BCC628

#BCC628

Color Values

HEX

#BCC628

RGB

188, 198, 40

HSL

63.8, 66.4%, 46.7%

HSV

63.8, 79.8%, 77.6%

CMYK

5.1%, 0.0%, 79.8%, 22.4%

OKLCH

0.7929 0.1671 113.4

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#BCC628

#3228C6

Analogous

#C68128

#6DC628

#BCC628

Triadic

#BCC628

#28BCC6

#C628BC

Split Complementary

#BCC628

#286DC6

#8128C6

Tetradic

#BCC628

#28C681

#3228C6

#C6286D

Color Blindness Simulation

Original

#BCC628

Protanopia

#C0C04E

Deuteranopia

#C0BF57

Tritanopia

#BC6C73

Achromatopsia

#B8B8B8

CSS Usage

background-color: #BCC628;
color: #BCC628;
border-color: #BCC628;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F0F3C4
300
#E5EA99
400
#D7DF62
500
#C9D42B
600
#A1AA22
700
#81881B
800
#656A15
900
#4A4D13
950
#2F310C

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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