Radix Colors

Amber 10

#FFBA18

CSS Values

CSS Variablevar(--amber-10)
HEX#FFBA18
RGBrgb(255, 186, 24)
HSLhsl(42, 100%, 55%)
HSL (modern)hsl(42deg 100% 55%)
OKLCHoklch(83.1% 0.1679 81deg)

Dark mode equivalent

Amber Dark 10
#FFD60A

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.71:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 12.29:1AA: PassAAA: PassAA Large: Pass

Other Amber steps

Nearest Named Colors

See all
Tailwind CSS
amber-400
Material Design
yellow-700
Bootstrap 5
yellow-500
Open Color
yellow-5
Ant Design
gold-5
Crayola
yellow-orange
RAL Classic
1003
iOS HIG
system-yellow
CSS Named
orange
Munsell
10YR-8-6