Preview
#ececbb
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.28:1
HEX
#ececbb
RGB
rgb(236, 236, 187)
RGBA
rgba(236, 236, 187, 1)
HSL
hsl(60, 56%, 83%)
HSV
hsv(60, 21%, 93%)
LAB
lab(92.31% -7.82 23.84)
LCH
lch(92.31% 25.09 108.16)
OKLAB
oklab(0.931 -0.0192 0.0607)
OKLCH
oklch(0.931 0.0637 107.55)
XYZ
xyz(73.56, 81.41, 58.84)
CMYK
cmyk(0%, 0%, 21%, 7%)
CSS
color: #ececbb;
CSS variable
--color-ececbb: #ececbb;
SCSS
$color-ececbb: #ececbb;
Tailwind
amber-100
Export
:root {
--#ececbb-1: #ececbb;
}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.