Couleur nommée · #EEBBCB
Madder Rose
Madder Rose correspond à #EEBBCB : rgb(238 187 203), hsl(341 60% 83%), oklch(0.842 0.062 357.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Pink mean? → · Madder Rose color name →
#EEBBCB
oklch(0.842 0.062 357.8)
Conversions de couleur
- HEX
- #eebbcb
- RGB
- rgb(238 187 203)
- HSL
- hsl(341 60% 83%)
- HWB
- hwb(341 73% 7%)
- OKLCH
- oklch(0.842 0.062 357.8)
- OKLab
- oklab(0.842 0.062 -0.002)
- CIE Lab
- lab(80.89 20.71 -0.67)
- LCH
- lch(80.89 20.72 358.1)
- CMYK
- cmyk(0% 21% 15% 7%)
Teintes · Ombres · Tons
Teintes
- F0C2D0
- F2C9D5
- F4CFDA
- F6D6E0
- F7DDE5
- F9E4EA
- FBEAEF
- FCF1F4
- FEF8FA
Ombres
- CFA2B0
- B18A96
- 93737D
- 775C65
- 5C464D
- 423237
- 2A1F22
- 140D0F
- 030202
Tons
- E3B5C3
- D7AFBC
- CCA9B4
- C1A3AC
- B69DA5
- AB979D
- A09196
- 958C8E
- 8B8687
Harmonies de couleurs
Complémentaire +180°
- EEBBCB
Madder Rose
- A0D9CB
≈ Yucca Cream
Analogue -30° +30°
- EEBBCB
Madder Rose
- E2BDE0
≈ Romantic Ballad
- F1BDB5
≈ Alpenglow
Triadique +120° +240°
- EEBBCB
Madder Rose
- C7D1A4
≈ True to You
- A6D2EF
≈ Little Pond
Complémentaire divisée +150° +210°
- EEBBCB
Madder Rose
- B1D7B5
≈ Flower Stem
- 9BD7E0
≈ Quiet Pond
Tétradique +90° +180° +270°
- EEBBCB
Madder Rose
- DCCA9D
≈ Ground Ginger
- A0D9CB
≈ Yucca Cream
- BACBF5
≈ Frost Fairy
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.66:1 · APCA Lc 29
Ag
AAASur noir
WCAG 12.60:1 · APCA Lc 74
Meilleure couleur de texte: #000000
WCAG 12.60:1 (AAA) · APCA Lc 74
Contrast pairs
Extraits de code
CSS
:root {
--madder-rose: #eebbcb;
--madder-rose-rgb: 238 187 203;
--madder-rose-oklch: oklch(0.842 0.062 357.8);
}
.element {
color: var(--madder-rose);
background-color: hsl(341 60% 83%);
border-color: oklch(0.842 0.062 357.8);
}Tailwind CSS v4
@theme {
--color-madder-rose: #eebbcb;
--color-madder-rose-50: #ffeef4;
--color-madder-rose-100: #fbe0e7;
--color-madder-rose-200: #eccad3;
--color-madder-rose-300: #d3abb6;
--color-madder-rose-400: #be909e;
--color-madder-rose-500: #a87586;
--color-madder-rose-600: #8e6371;
--color-madder-rose-700: #724f5b;
--color-madder-rose-800: #543943;
--color-madder-rose-900: #3b272e;
--color-madder-rose-950: #25151b;
}SCSS
$madder-rose: #eebbcb;
$madder-rose-rgb: 238, 187, 203;
$madder-rose-light: mix(#fff, $madder-rose, 20%);
$madder-rose-dark: mix(#000, $madder-rose, 20%);
.element {
color: $madder-rose;
box-shadow: 0 0 0 2px rgba($madder-rose, 0.35);
}