Benoemde kleur · #EEBBCB
Madder Rose
Madder Rose is #EEBBCB: rgb(238 187 203), hsl(341 60% 83%), oklch(0.842 0.062 357.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Pink mean? → · Madder Rose color name →
#EEBBCB
oklch(0.842 0.062 357.8)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- F0C2D0
- F2C9D5
- F4CFDA
- F6D6E0
- F7DDE5
- F9E4EA
- FBEAEF
- FCF1F4
- FEF8FA
Schaduwen
- CFA2B0
- B18A96
- 93737D
- 775C65
- 5C464D
- 423237
- 2A1F22
- 140D0F
- 030202
Tonen
- E3B5C3
- D7AFBC
- CCA9B4
- C1A3AC
- B69DA5
- AB979D
- A09196
- 958C8E
- 8B8687
Kleurharmonieën
Complementair +180°
- EEBBCB
Madder Rose
- A0D9CB
≈ Yucca Cream
Analoog -30° +30°
- EEBBCB
Madder Rose
- E2BDE0
≈ Romantic Ballad
- F1BDB5
≈ Alpenglow
Triadisch +120° +240°
- EEBBCB
Madder Rose
- C7D1A4
≈ True to You
- A6D2EF
≈ Little Pond
Gesplitst complementair +150° +210°
- EEBBCB
Madder Rose
- B1D7B5
≈ Flower Stem
- 9BD7E0
≈ Quiet Pond
Tetradisch +90° +180° +270°
- EEBBCB
Madder Rose
- DCCA9D
≈ Ground Ginger
- A0D9CB
≈ Yucca Cream
- BACBF5
≈ Frost Fairy
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.66:1 · APCA Lc 29
Ag
AAAOp zwart
WCAG 12.60:1 · APCA Lc 74
Beste tekstkleur: #000000
WCAG 12.60:1 (AAA) · APCA Lc 74
Contrast pairs
Codefragmenten
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);
}