Cor nomeada · #FEF2D2
Cashmere Sweater
Cashmere Sweater é #FEF2D2: rgb(254 242 210), hsl(44 96% 91%), oklch(0.962 0.044 89.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Cashmere Sweater color name →
#FEF2D2
oklch(0.962 0.044 89.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FEF3D7
- FEF5DB
- FEF6E0
- FEF7E4
- FFF9E9
- FFFAED
- FFFBF2
- FFFCF6
- FFFEFB
Sombras
- DDD2B6
- BDB49B
- 9E9681
- 807968
- 635E50
- 474339
- 2D2B24
- 161410
- 030302
Tons
- F1E6CA
- E4DAC1
- D7CEB9
- CAC3B1
- BDB7A8
- B0ACA0
- A4A198
- 989690
- 8C8B88
Harmonias de cor
Complementar +180°
- FEF2D2
Cashmere Sweater
- EEF2FF
≈ Placebo Blue
Análoga -30° +30°
- FEF2D2
Cashmere Sweater
- FFEFE3
≈ Rice Pudding
- EEF8D7
≈ Pastoral
Tríade +120° +240°
- FEF2D2
Cashmere Sweater
- DAF9FF
≈ Glacial Day
- FFECFD
≈ Fairy Bubblegum Cloud
Complementar dividida +150° +210°
- FEF2D2
Cashmere Sweater
- E7F5FF
≈ Kodama White
- F4F0FF
≈ Cloud Break
Tétrade +90° +180° +270°
- FEF2D2
Cashmere Sweater
- D4FDF4
≈ Candied Snow
- EEF2FF
≈ Placebo Blue
- FFEDF2
≈ Sugar Coated
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.11:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.84:1 · APCA Lc 100
Melhor cor de texto: #000000
WCAG 18.84:1 (AAA) · APCA Lc 100
Contrast pairs
Trechos de código
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);
}