#bf360c
Material deep-orange-900Color code information, RGB and HSL conversion values, WCAG accessibility contrast ratios, color harmonies, tints, and shades for #bf360c.
Color Swatch#BF360C
Best Text: White
The quick brown fox jumps over the lazy dog.
Sample typography preview rendered in #ffffff (white) text for optimal readability.
Color Values & Conversions
HEX#bf360c
RGBrgb(191, 54, 12)
HSLhsl(14, 88%, 40%)
CMYKcmyk(0%, 72%, 94%, 25%)
WCAG Contrast Ratios
Contrast evaluation under WCAG 2.1 standards. Normal text requires 4.5:1 (AA) or 7.0:1 (AAA). Large text (≥18pt or 14pt bold) requires 3.0:1 (AA) or 4.5:1 (AAA).
Against White5.6:1
White Text Preview
Normal AA:Pass
Normal AAA:Fail
Large AA:Pass
Large AAA:Pass
Against Black3.37:1
Black Text Preview
Normal AA:Fail
Normal AAA:Fail
Large AA:Pass
Large AAA:Fail
Tints & Shades
Tints (Mixing toward White)
#c95430+15%
#d27255+30%
#dc9079+45%
#e5af9e+60%
#efcdc2+75%
Shades (Mixing toward Black)
#a22e0a-15%
#862608-30%
#691e07-45%
#4c1605-60%
#300e03-75%
Color Names
- material-deep-orange-900Material Design
Also known as:
material-deep-orange-900
Want to extract colors from an image?
Upload or drag any photo, screenshot, or graphic to sample pixel-exact colors with a 10× zoom loupe, extract dominant palettes, and copy CSS variables.