Preview
#4b4d3f
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 8.63:1 · vs black: 2.43:1
HEX
#4b4d3f
RGB
rgb(75, 77, 63)
RGBA
rgba(75, 77, 63, 1)
HSL
hsl(69, 10%, 27%)
HSV
hsv(69, 18%, 30%)
LAB
lab(32.17% -3.68 8.05)
LCH
lch(32.17% 8.85 114.57)
OKLAB
oklab(0.414 -0.0092 0.0207)
OKLCH
oklch(0.414 0.0227 113.96)
XYZ
xyz(6.45, 7.16, 5.74)
CMYK
cmyk(3%, 0%, 18%, 70%)
CSS
color: #4b4d3f;
CSS variable
--color-4b4d3f: #4b4d3f;
SCSS
$color-4b4d3f: #4b4d3f;
Tailwind
amber-700
Export
:root {
--#4b4d3f-1: #4b4d3f;
}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.