Named color · #FEF2D2
Cashmere Sweater
Cashmere Sweater is #FEF2D2: rgb(254 242 210), hsl(44 96% 91%), oklch(0.962 0.044 89.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Cashmere Sweater color name →
#FEF2D2
oklch(0.962 0.044 89.9)
Color conversions
- HEX
- #fef2d2
- RGB
- rgb(254 242 210)
- HSL
- hsl(44 96% 91%)
- HWB
- hwb(44 82% 0%)
- OKLCH
- oklch(0.962 0.044 89.9)
- OKLab
- oklab(0.962 0 0.044)
- CIE Lab
- lab(95.84 0.42 17.04)
- LCH
- lch(95.84 17.04 88.6)
- CMYK
- cmyk(0% 5% 17% 0%)
Tints · Shades · Tones
Tints
- FEF3D7
- FEF5DB
- FEF6E0
- FEF7E4
- FFF9E9
- FFFAED
- FFFBF2
- FFFCF6
- FFFEFB
Shades
- DDD2B6
- BDB49B
- 9E9681
- 807968
- 635E50
- 474339
- 2D2B24
- 161410
- 030302
Tones
- F1E6CA
- E4DAC1
- D7CEB9
- CAC3B1
- BDB7A8
- B0ACA0
- A4A198
- 989690
- 8C8B88
Color harmonies
Complementary +180°
- FEF2D2
Cashmere Sweater
- EEF2FF
≈ Placebo Blue
Analogous -30° +30°
- FEF2D2
Cashmere Sweater
- FFEFE3
≈ Rice Pudding
- EEF8D7
≈ Pastoral
Triadic +120° +240°
- FEF2D2
Cashmere Sweater
- DAF9FF
≈ Glacial Day
- FFECFD
≈ Fairy Bubblegum Cloud
Split-complementary +150° +210°
- FEF2D2
Cashmere Sweater
- E7F5FF
≈ Kodama White
- F4F0FF
≈ Cloud Break
Tetradic +90° +180° +270°
- FEF2D2
Cashmere Sweater
- D4FDF4
≈ Candied Snow
- EEF2FF
≈ Placebo Blue
- FFEDF2
≈ Sugar Coated
Contrast & accessibility
Ag
FailOn white
WCAG 1.11:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.84:1 · APCA Lc 100
Best text color: #000000
WCAG 18.84:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--cashmere-sweater: #fef2d2;
--cashmere-sweater-rgb: 254 242 210;
--cashmere-sweater-oklch: oklch(0.962 0.044 89.9);
}
.element {
color: var(--cashmere-sweater);
background-color: hsl(44 96% 91%);
border-color: oklch(0.962 0.044 89.9);
}Tailwind CSS v4
@theme {
--color-cashmere-sweater: #fef2d2;
--color-cashmere-sweater-50: #f9f5e7;
--color-cashmere-sweater-100: #ede8d8;
--color-cashmere-sweater-200: #dbd4c0;
--color-cashmere-sweater-300: #bfb79f;
--color-cashmere-sweater-400: #a89e81;
--color-cashmere-sweater-500: #918565;
--color-cashmere-sweater-600: #7b7156;
--color-cashmere-sweater-700: #625a44;
--color-cashmere-sweater-800: #494231;
--color-cashmere-sweater-900: #322d21;
--color-cashmere-sweater-950: #1e1a11;
}SCSS
$cashmere-sweater: #fef2d2;
$cashmere-sweater-rgb: 254, 242, 210;
$cashmere-sweater-light: mix(#fff, $cashmere-sweater, 20%);
$cashmere-sweater-dark: mix(#000, $cashmere-sweater, 20%);
.element {
color: $cashmere-sweater;
box-shadow: 0 0 0 2px rgba($cashmere-sweater, 0.35);
}