#F1BD13 Color

#F1BD13 is rgb(241, 189, 19) in RGB and hsl(46, 89%, 51%) in HSL. The closest CSS named color is Orange. Black text is most readable on this background.

#F1BD13

HEX#F1BD13

RGBrgb(241, 189, 19)

HSLhsl(46, 89%, 51%)

HSVhsv(46, 92%, 95%)

OKLCHoklch(82.2% 0.165 88.1)

CMYKcmyk(0%, 22%, 92%, 5%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #F1BD13 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.75:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text12.03:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #F1BD13 based on color wheel relationships. Click any swatch for its full breakdown.

Base#F1BD13 Complementary#1347F1 Analogous#F14E13 Analogous#B6F113 Triadic#13F1BD Triadic#BD13F1

Tints & Shades

Lighter tints and darker shades of #F1BD13, useful for hover states, backgrounds, and text variants.

Tints

#F3C735 #F5CF51 #F7D873 #F9E295 #FBEBB7 #FCF3D4

Shades

#D4A50C #B78F0B #957509 #745A07 #524005 #352903

Use #F1BD13 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex