Couleur nommée · #FEDCBA
Alphabet Soup
Alphabet Soup correspond à #FEDCBA : rgb(254 220 186), hsl(30 97% 86%), oklch(0.914 0.059 67). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Alphabet Soup color name →
#FEDCBA
oklch(0.914 0.059 67)
Conversions de couleur
- HEX
- #fedcba
- RGB
- rgb(254 220 186)
- HSL
- hsl(30 97% 86%)
- HWB
- hwb(30 73% 0%)
- OKLCH
- oklch(0.914 0.059 67)
- OKLab
- oklab(0.914 0.023 0.054)
- CIE Lab
- lab(90.01 8.53 21.35)
- LCH
- lch(90.01 22.99 68.2)
- CMYK
- cmyk(0% 13% 27% 0%)
Teintes · Ombres · Tons
Teintes
- FEE0C1
- FEE3C8
- FFE7CF
- FFEAD6
- FFEEDD
- FFF1E4
- FFF5EA
- FFF8F1
- FFFCF8
Ombres
- DDBFA1
- BDA389
- 9E8872
- 806E5C
- 635446
- 473C32
- 2D261E
- 16110D
- 030202
Tons
- F1D2B4
- E4C9AE
- D7C0A9
- CAB6A3
- BDAD9D
- B1A497
- A49B91
- 98928C
- 8C8986
Harmonies de couleurs
Complémentaire +180°
- FEDCBA
Alphabet Soup
- CCE6FF
≈ Fresh Water
Analogue -30° +30°
- FEDCBA
Alphabet Soup
- FFD9CE
≈ Shy Girl
- EDE4B7
≈ Yellow Wax Pepper
Triadique +120° +240°
- FEDCBA
Alphabet Soup
- B7F0E9
≈ Cold Blooded
- ECDAFF
≈ Lavender Savour
Complémentaire divisée +150° +210°
- FEDCBA
Alphabet Soup
- B7EDFC
≈ Ice Effect
- DBE1FF
≈ Stoic White
Tétradique +90° +180° +270°
- FEDCBA
Alphabet Soup
- C4EFD3
≈ Spatial Spirit
- CCE6FF
≈ Fresh Water
- FDD5F1
≈ Sweet Sachet
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.29:1 · APCA Lc 15
Ag
AAASur noir
WCAG 16.16:1 · APCA Lc 89
Meilleure couleur de texte: #000000
WCAG 16.16:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
CSS
:root {
--alphabet-soup: #fedcba;
--alphabet-soup-rgb: 254 220 186;
--alphabet-soup-oklch: oklch(0.914 0.059 67);
}
.element {
color: var(--alphabet-soup);
background-color: hsl(30 97% 86%);
border-color: oklch(0.914 0.059 67);
}Tailwind CSS v4
@theme {
--color-alphabet-soup: #fedcba;
--color-alphabet-soup-50: #fff3e4;
--color-alphabet-soup-100: #f5e5d4;
--color-alphabet-soup-200: #e5d0ba;
--color-alphabet-soup-300: #ccb398;
--color-alphabet-soup-400: #b6987a;
--color-alphabet-soup-500: #a17f5c;
--color-alphabet-soup-600: #886b4e;
--color-alphabet-soup-700: #6d563e;
--color-alphabet-soup-800: #513e2d;
--color-alphabet-soup-900: #382b1e;
--color-alphabet-soup-950: #23180e;
}SCSS
$alphabet-soup: #fedcba;
$alphabet-soup-rgb: 254, 220, 186;
$alphabet-soup-light: mix(#fff, $alphabet-soup, 20%);
$alphabet-soup-dark: mix(#000, $alphabet-soup, 20%);
.element {
color: $alphabet-soup;
box-shadow: 0 0 0 2px rgba($alphabet-soup, 0.35);
}