Preview
#46483a
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 9.34:1 · vs black: 2.25:1
HEX
#46483a
RGB
rgb(70, 72, 58)
RGBA
rgba(70, 72, 58, 1)
HSL
hsl(69, 11%, 25%)
HSV
hsv(69, 19%, 28%)
LAB
lab(30.02% -3.71 8.14)
LCH
lch(30.02% 8.95 114.5)
OKLAB
oklab(0.3954 -0.0093 0.0209)
OKLCH
oklch(0.3954 0.0229 113.99)
XYZ
xyz(5.61, 6.24, 4.91)
CMYK
cmyk(3%, 0%, 19%, 72%)
CSS
color: #46483a;
CSS variable
--color-46483a: #46483a;
SCSS
$color-46483a: #46483a;
Tailwind
amber-700
Export
:root {
--#46483a-1: #46483a;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.