Preview
#f2d094
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.48:1 · vs black: 14.23:1
HEX
#f2d094
RGB
rgb(242, 208, 148)
RGBA
rgba(242, 208, 148, 1)
HSL
hsl(38, 78%, 76%)
HSV
hsv(38, 39%, 95%)
LAB
lab(85.06% 3.82 34.21)
LCH
lch(85.06% 34.42 83.63)
OKLAB
oklab(0.8727 0.0129 0.0847)
OKLCH
oklch(0.8727 0.0857 81.34)
XYZ
xyz(64.52, 66.13, 37.38)
CMYK
cmyk(0%, 14%, 39%, 5%)
CSS
color: #f2d094;
CSS variable
--color-f2d094: #f2d094;
SCSS
$color-f2d094: #f2d094;
Tailwind
red-200
Export
:root {
--#f2d094-1: #f2d094;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.