#BCC427

#BCC427

Color Values

HEX

#BCC427

RGB

188, 196, 39

HSL

63.1, 66.8%, 46.1%

HSV

63.1, 80.1%, 76.9%

CMYK

4.1%, 0.0%, 80.1%, 23.1%

OKLCH

0.7884 0.1655 112.7

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#BCC427

#2F27C4

Analogous

#C47E27

#6DC427

#BCC427

Triadic

#BCC427

#27BCC4

#C427BC

Split Complementary

#BCC427

#276DC4

#7E27C4

Tetradic

#BCC427

#27C47E

#2F27C4

#C4276D

Color Blindness Simulation

Original

#BCC427

Protanopia

#BFC04D

Deuteranopia

#BFBE56

Tritanopia

#BC6B72

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F1F3C3
300
#E6EB99
400
#D9E062
500
#CCD52A
600
#A3AA22
700
#82881B
800
#666A15
900
#4B4E13
950
#2F310C

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.06:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026