Couleur nommée · #EDA69E
Mad About Maddie
Mad About Maddie correspond à #EDA69E : rgb(237 166 158), hsl(6 69% 77%), oklch(0.791 0.086 26.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Mad About Maddie color name →
#EDA69E
oklch(0.791 0.086 26.3)
Conversions de couleur
- HEX
- #eda69e
- RGB
- rgb(237 166 158)
- HSL
- hsl(6 69% 77%)
- HWB
- hwb(6 62% 7%)
- OKLCH
- oklch(0.791 0.086 26.3)
- OKLab
- oklab(0.791 0.077 0.038)
- CIE Lab
- lab(74.98 26.24 15.24)
- LCH
- lch(74.98 30.35 30.2)
- CMYK
- cmyk(0% 30% 33% 7%)
Teintes · Ombres · Tons
Teintes
- EFAFA7
- F2B8B1
- F4C1BB
- F6CAC4
- F8D2CE
- FADBD8
- FBE4E1
- FDEDEB
- FEF6F5
Ombres
- CE9089
- B07A74
- 936560
- 77514D
- 5C3E3A
- 422B29
- 2A1A18
- 140A09
- 030101
Tons
- E2A29B
- D79F98
- CC9B95
- C19792
- B6938F
- AB908C
- A18C89
- 968886
- 8B8483
Harmonies de couleurs
Complémentaire +180°
- EDA69E
Mad About Maddie
- 74CBD6
≈ Slick Blue
Analogue -30° +30°
- EDA69E
Mad About Maddie
- E8A4BC
≈ Fussy Pink
- E6AD85
≈ Melting Sunset
Triadique +120° +240°
- EDA69E
Mad About Maddie
- 97CA9A
≈ Kettle Drum
- A2BAF3
≈ Pastel Blue
Complémentaire divisée +150° +210°
- EDA69E
Mad About Maddie
- 7CCDB9
≈ Bevelled Glass
- 84C4EB
≈ Wasurenagusa Blue
Tétradique +90° +180° +270°
- EDA69E
Mad About Maddie
- B7C283
≈ Everglade Glen
- 74CBD6
≈ Slick Blue
- C0B0EC
≈ Purple Sand
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.99:1 · APCA Lc 38
Ag
AAASur noir
WCAG 10.54:1 · APCA Lc 64
Meilleure couleur de texte: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Extraits de code
CSS
:root {
--mad-about-maddie: #eda69e;
--mad-about-maddie-rgb: 237 166 158;
--mad-about-maddie-oklch: oklch(0.791 0.086 26.3);
}
.element {
color: var(--mad-about-maddie);
background-color: hsl(6 69% 77%);
border-color: oklch(0.791 0.086 26.3);
}Tailwind CSS v4
@theme {
--color-mad-about-maddie: #eda69e;
--color-mad-about-maddie-50: #ffede8;
--color-mad-about-maddie-100: #ffded8;
--color-mad-about-maddie-200: #f7c7c0;
--color-mad-about-maddie-300: #e0a79f;
--color-mad-about-maddie-400: #cc8b84;
--color-mad-about-maddie-500: #b86f68;
--color-mad-about-maddie-600: #9c5e58;
--color-mad-about-maddie-700: #7d4b46;
--color-mad-about-maddie-800: #5d3634;
--color-mad-about-maddie-900: #412523;
--color-mad-about-maddie-950: #291312;
}SCSS
$mad-about-maddie: #eda69e;
$mad-about-maddie-rgb: 237, 166, 158;
$mad-about-maddie-light: mix(#fff, $mad-about-maddie, 20%);
$mad-about-maddie-dark: mix(#000, $mad-about-maddie, 20%);
.element {
color: $mad-about-maddie;
box-shadow: 0 0 0 2px rgba($mad-about-maddie, 0.35);
}