#BFC104

#BFC104

Color Values

HEX

#BFC104

RGB

191, 193, 4

HSL

60.6, 95.9%, 38.6%

HSV

60.6, 97.9%, 75.7%

CMYK

1.0%, 0.0%, 97.9%, 24.3%

OKLCH

0.7833 0.171 110.5

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#BFC104

#0604C1

Analogous

#C16404

#61C104

#BFC104

Triadic

#BFC104

#04BFC1

#C104BF

Split Complementary

#BFC104

#0461C1

#6404C1

Tetradic

#BFC104

#04C164

#0604C1

#C10461

Color Blindness Simulation

Original

#BFC104

Protanopia

#C0C032

Deuteranopia

#C0C03D

Tritanopia

#BF565E

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FBFCDF
200
#FDFEB9
300
#FBFC87
400
#F9FB46
500
#F7FA05
600
#C6C804
700
#9EA003
800
#7C7D03
900
#595A07
950
#383904

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.85:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026