Benoemde kleur · #ECBCB6
Chintz Rose
Chintz Rose is #ECBCB6: rgb(236 188 182), hsl(7 59% 82%), oklch(0.836 0.056 26.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Pink mean? → · Chintz Rose color name →
#ECBCB6
oklch(0.836 0.056 26.6)
Kleurconversies
- HEX
- #ecbcb6
- RGB
- rgb(236 188 182)
- HSL
- hsl(7 59% 82%)
- HWB
- hwb(7 71% 7%)
- OKLCH
- oklch(0.836 0.056 26.6)
- OKLab
- oklab(0.836 0.05 0.025)
- CIE Lab
- lab(80.49 17.13 9.96)
- LCH
- lch(80.49 19.82 30.2)
- CMYK
- cmyk(0% 20% 23% 7%)
Tinten · Schaduwen · Tonen
Tinten
- EEC3BD
- F0C9C4
- F2D0CC
- F4D7D3
- F6DDDA
- F8E4E1
- FAEBE9
- FCF1F0
- FDF8F8
Schaduwen
- CDA39E
- AF8B86
- 92736F
- 765D59
- 5B4744
- 423230
- 291F1D
- 130D0C
- 030202
Tonen
- E1B6B0
- D6B0AB
- CBAAA6
- C0A4A0
- B59E9B
- AA9895
- A09290
- 958C8B
- 8B8685
Kleurharmonieën
Complementair +180°
- ECBCB6
Chintz Rose
- 9FD4DC
≈ Midwinter Mist
Analoog -30° +30°
- ECBCB6
Chintz Rose
- E9BBCA
≈ Pink Mist
- E7C1A6
≈ Adobe South
Triadisch +120° +240°
- ECBCB6
Chintz Rose
- B2D4B4
≈ Enchanted Meadow
- B9C9EF
≈ Cuddle
Gesplitst complementair +150° +210°
- ECBCB6
Chintz Rose
- A3D6C8
≈ Yucca Cream
- A7D0EA
≈ Little Pond
Tetradisch +90° +180° +270°
- ECBCB6
Chintz Rose
- C7CFA5
≈ Baize Green
- 9FD4DC
≈ Midwinter Mist
- CCC2EA
≈ Party Hat
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.68:1 · APCA Lc 30
Ag
AAAOp zwart
WCAG 12.43:1 · APCA Lc 73
Beste tekstkleur: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
Codefragmenten
CSS
:root {
--chintz-rose: #ecbcb6;
--chintz-rose-rgb: 236 188 182;
--chintz-rose-oklch: oklch(0.836 0.056 26.6);
}
.element {
color: var(--chintz-rose);
background-color: hsl(7 59% 82%);
border-color: oklch(0.836 0.056 26.6);
}Tailwind CSS v4
@theme {
--color-chintz-rose: #ecbcb6;
--color-chintz-rose-50: #fff0ec;
--color-chintz-rose-100: #fae1dd;
--color-chintz-rose-200: #ecccc7;
--color-chintz-rose-300: #d3ada7;
--color-chintz-rose-400: #be928d;
--color-chintz-rose-500: #a87872;
--color-chintz-rose-600: #8e6661;
--color-chintz-rose-700: #72514d;
--color-chintz-rose-800: #543b39;
--color-chintz-rose-900: #3b2827;
--color-chintz-rose-950: #251615;
}SCSS
$chintz-rose: #ecbcb6;
$chintz-rose-rgb: 236, 188, 182;
$chintz-rose-light: mix(#fff, $chintz-rose, 20%);
$chintz-rose-dark: mix(#000, $chintz-rose, 20%);
.element {
color: $chintz-rose;
box-shadow: 0 0 0 2px rgba($chintz-rose, 0.35);
}