Color con nombre · #FFE8AD
Lemon Souffle
Lemon Souffle es #FFE8AD: rgb(255 232 173), hsl(43 100% 84%), oklch(0.936 0.079 89.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Lemon Souffle color name →
#FFE8AD
oklch(0.936 0.079 89.2)
Conversiones de color
- HEX
- #ffe8ad
- RGB
- rgb(255 232 173)
- HSL
- hsl(43 100% 84%)
- HWB
- hwb(43 68% 0%)
- OKLCH
- oklch(0.936 0.079 89.2)
- OKLab
- oklab(0.936 0.001 0.079)
- CIE Lab
- lab(92.85 1.92 31.79)
- LCH
- lch(92.85 31.85 86.5)
- CMYK
- cmyk(0% 9% 32% 0%)
Tintes · Sombras · Tonos
Tintes
- FFEAB6
- FFEDBE
- FFEFC6
- FFF1CF
- FFF4D7
- FFF6DF
- FFF8E7
- FFFBEF
- FFFDF7
Sombras
- DECA96
- BEAC7F
- 9E906A
- 807455
- 635941
- 48402D
- 2E291B
- 16130B
- 030301
Tonos
- F2DDA9
- E4D2A5
- D7C8A0
- CABD9C
- BEB397
- B1A893
- A49E8E
- 98948A
- 8C8A85
Armonías de color
Complementario +180°
- FFE8AD
Lemon Souffle
- E1E9FF
≈ Glitter
Análogo -30° +30°
- FFE8AD
Lemon Souffle
- FFE4D0
≈ Lumber
- E3F2B6
≈ Spring Kiss
Triádico +120° +240°
- FFE8AD
Lemon Souffle
- BDF5FF
≈ Pale Sky
- FFDEFC
≈ Sugarpills
Complementario dividido +150° +210°
- FFE8AD
Lemon Souffle
- D6EEFF
≈ Ice Castle
- EDE5FF
≈ Cyber Lavender
Tetrádico +90° +180° +270°
- FFE8AD
Lemon Souffle
- AFFCEB
≈ Blister Pearl
- E1E9FF
≈ Glitter
- FFE1E9
≈ Baby Girl
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.39:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.39:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--lemon-souffle: #ffe8ad;
--lemon-souffle-rgb: 255 232 173;
--lemon-souffle-oklch: oklch(0.936 0.079 89.2);
}
.element {
color: var(--lemon-souffle);
background-color: hsl(43 100% 84%);
border-color: oklch(0.936 0.079 89.2);
}Tailwind CSS v4
@theme {
--color-lemon-souffle: #ffe8ad;
--color-lemon-souffle-50: #fdf5dc;
--color-lemon-souffle-100: #f2e8cb;
--color-lemon-souffle-200: #e1d4ae;
--color-lemon-souffle-300: #c6b789;
--color-lemon-souffle-400: #b19d67;
--color-lemon-souffle-500: #9b8445;
--color-lemon-souffle-600: #836f3b;
--color-lemon-souffle-700: #69592f;
--color-lemon-souffle-800: #4e4120;
--color-lemon-souffle-900: #362d15;
--color-lemon-souffle-950: #211a07;
}SCSS
$lemon-souffle: #ffe8ad;
$lemon-souffle-rgb: 255, 232, 173;
$lemon-souffle-light: mix(#fff, $lemon-souffle, 20%);
$lemon-souffle-dark: mix(#000, $lemon-souffle, 20%);
.element {
color: $lemon-souffle;
box-shadow: 0 0 0 2px rgba($lemon-souffle, 0.35);
}