Color con nombre · #FCE0D6
Light Shell Tint
Light Shell Tint es #FCE0D6: rgb(252 224 214), hsl(16 86% 91%), oklch(0.927 0.034 40.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Light Shell Tint color name →
#FCE0D6
oklch(0.927 0.034 40.7)
Conversiones de color
- HEX
- #fce0d6
- RGB
- rgb(252 224 214)
- HSL
- hsl(16 86% 91%)
- HWB
- hwb(16 84% 1%)
- OKLCH
- oklch(0.927 0.034 40.7)
- OKLab
- oklab(0.927 0.026 0.022)
- CIE Lab
- lab(91.31 8.79 8.62)
- LCH
- lch(91.31 12.31 44.5)
- CMYK
- cmyk(0% 11% 15% 1%)
Tintes · Sombras · Tonos
Tintes
- FCE3DA
- FDE6DE
- FDE9E2
- FDECE6
- FEEFEA
- FEF3EF
- FEF6F3
- FFF9F7
- FFFCFB
Sombras
- DBC3BA
- BBA69E
- 9C8A84
- 7E706A
- 625652
- 473E3B
- 2D2725
- 161210
- 030202
Tonos
- EFD6CD
- E2CCC4
- D5C2BB
- C9B8B3
- BCAFAA
- B0A5A1
- A49C99
- 989291
- 8C8988
Armonías de color
Complementario +180°
- FCE0D6
Light Shell Tint
- CFEDF7
≈ Blue Hijab
Análogo -30° +30°
- FCE0D6
Light Shell Tint
- FDDEE1
≈ Sweet Mallow
- F6E4CF
≈ Dessert Cream
Triádico +120° +240°
- FCE0D6
Light Shell Tint
- D4EEDF
≈ Winter Fresh
- E2E5FE
≈ Lavender Mist
Complementario dividido +150° +210°
- FCE0D6
Light Shell Tint
- CEEFEC
≈ Princess Blue Feather
- D7E9FD
≈ Cloudless
Tetrádico +90° +180° +270°
- FCE0D6
Light Shell Tint
- DFECD5
≈ Mineral Water
- CFEDF7
≈ Blue Hijab
- EEE1F8
≈ Sheer Lavender
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.25:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.77:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.77:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--light-shell-tint: #fce0d6;
--light-shell-tint-rgb: 252 224 214;
--light-shell-tint-oklch: oklch(0.927 0.034 40.7);
}
.element {
color: var(--light-shell-tint);
background-color: hsl(16 86% 91%);
border-color: oklch(0.927 0.034 40.7);
}Tailwind CSS v4
@theme {
--color-light-shell-tint: #fce0d6;
--color-light-shell-tint-50: #fef2ee;
--color-light-shell-tint-100: #f2e5df;
--color-light-shell-tint-200: #e2d0c9;
--color-light-shell-tint-300: #c7b2aa;
--color-light-shell-tint-400: #b1988f;
--color-light-shell-tint-500: #9b7f75;
--color-light-shell-tint-600: #836c63;
--color-light-shell-tint-700: #69564f;
--color-light-shell-tint-800: #4d3f3a;
--color-light-shell-tint-900: #362b28;
--color-light-shell-tint-950: #211816;
}SCSS
$light-shell-tint: #fce0d6;
$light-shell-tint-rgb: 252, 224, 214;
$light-shell-tint-light: mix(#fff, $light-shell-tint, 20%);
$light-shell-tint-dark: mix(#000, $light-shell-tint, 20%);
.element {
color: $light-shell-tint;
box-shadow: 0 0 0 2px rgba($light-shell-tint, 0.35);
}