Cor nomeada · #F0E2C4
Cremini Mushroom
Cremini Mushroom é #F0E2C4: rgb(240 226 196), hsl(41 59% 85%), oklch(0.916 0.042 86). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Cremini Mushroom color name →
#F0E2C4
oklch(0.916 0.042 86)
Conversões de cor
- HEX
- #f0e2c4
- RGB
- rgb(240 226 196)
- HSL
- hsl(41 59% 85%)
- HWB
- hwb(41 77% 6%)
- OKLCH
- oklch(0.916 0.042 86)
- OKLab
- oklab(0.916 0.003 0.042)
- CIE Lab
- lab(90.44 1.41 16.54)
- LCH
- lch(90.44 16.6 85.1)
- CMYK
- cmyk(0% 6% 18% 6%)
Tons claros · Sombras · Tons
Tons claros
- F2E5CA
- F3E8D0
- F5EBD6
- F6EEDC
- F8F1E2
- F9F3E7
- FBF6ED
- FCF9F3
- FEFCF9
Sombras
- D1C4AA
- B2A891
- 958C78
- 787161
- 5D574A
- 433E35
- 2A2721
- 14120E
- 030302
Tons
- E4D8BD
- D9CEB6
- CDC4AF
- C2BAA8
- B6B0A2
- ABA69B
- A09C94
- 95938D
- 8B8987
Harmonias de cor
Complementar +180°
- F0E2C4
Cremini Mushroom
- D7E3FF
≈ Stoic White
Análoga -30° +30°
- F0E2C4
Cremini Mushroom
- FADDC9
≈ Muffin Magic
- E1E7C8
≈ Origami Clover
Tríade +120° +240°
- F0E2C4
Cremini Mushroom
- C4ECF1
≈ Icy Breeze
- F3DAF3
≈ Grape Taffy
Complementar dividida +150° +210°
- F0E2C4
Cremini Mushroom
- C9E9FC
≈ Blue Java Banana
- E5DEFD
≈ Stoic White
Tétrade +90° +180° +270°
- F0E2C4
Cremini Mushroom
- C7EDE2
≈ Teal Melody
- D7E3FF
≈ Stoic White
- FCD8E4
≈ Pig Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASobre preto
WCAG 16.38:1 · APCA Lc 90
Melhor cor de texto: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--cremini-mushroom: #f0e2c4;
--cremini-mushroom-rgb: 240 226 196;
--cremini-mushroom-oklch: oklch(0.916 0.042 86);
}
.element {
color: var(--cremini-mushroom);
background-color: hsl(41 59% 85%);
border-color: oklch(0.916 0.042 86);
}Tailwind CSS v4
@theme {
--color-cremini-mushroom: #f0e2c4;
--color-cremini-mushroom-50: #faf5e8;
--color-cremini-mushroom-100: #eee7d8;
--color-cremini-mushroom-200: #dcd4c0;
--color-cremini-mushroom-300: #c0b79f;
--color-cremini-mushroom-400: #aa9d82;
--color-cremini-mushroom-500: #938566;
--color-cremini-mushroom-600: #7c7057;
--color-cremini-mushroom-700: #635a45;
--color-cremini-mushroom-800: #494132;
--color-cremini-mushroom-900: #332d22;
--color-cremini-mushroom-950: #1f1a11;
}SCSS
$cremini-mushroom: #f0e2c4;
$cremini-mushroom-rgb: 240, 226, 196;
$cremini-mushroom-light: mix(#fff, $cremini-mushroom, 20%);
$cremini-mushroom-dark: mix(#000, $cremini-mushroom, 20%);
.element {
color: $cremini-mushroom;
box-shadow: 0 0 0 2px rgba($cremini-mushroom, 0.35);
}