#B45309

Tailwind amber-700

#B45309 is a orange colour. In RGB it is 180 red, 83 green and 9 blue, which converts to a hue of 26 degrees, 90% saturation and 37% lightness. It is Tailwind amber-700 in that design system's palette.

Color values

HEX	#B45309
RGB	rgb(180, 83, 9)
HSL	hsl(26, 90%, 37%)
HSV	hsv(26, 95%, 71%)
CMYK	cmyk(0%, 54%, 95%, 29%)

Contrast and accessibility

Against white the contrast ratio is 5.02:1, and against black it is 4.18:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.

Background	Ratio	Normal text	Large text
White	5.02:1	AA	AAA
Black	4.18:1	Fail	AA

Tints and shades

Lighter tints move #B45309 toward white, and darker shades move it toward black.

Tints

Shades

Color harmonies

Complementary

#096AB3

Analogous

Triadic

Split complementary

Code

CSS	color: #B45309;
CSS rgb()	color: rgb(180 83 9);
Tailwind	bg-[#b45309]
SwiftUI	Color(red: 0.706, green: 0.325, blue: 0.035)
Android	Color.parseColor("#B45309")

Closest named color

The nearest CSS colour keyword to #B45309 is sienna (#A0522D).