Benoemde kleur · #ECE3CF
Double Scoop
Double Scoop is #ECE3CF: rgb(236 227 207), hsl(41 43% 87%), oklch(0.918 0.028 86.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Double Scoop color name →
#ECE3CF
oklch(0.918 0.028 86.6)
Kleurconversies
- HEX
- #ece3cf
- RGB
- rgb(236 227 207)
- HSL
- hsl(41 43% 87%)
- HWB
- hwb(41 81% 7%)
- OKLCH
- oklch(0.918 0.028 86.6)
- OKLab
- oklab(0.918 0.002 0.028)
- CIE Lab
- lab(90.56 0.71 10.96)
- LCH
- lch(90.56 10.98 86.3)
- CMYK
- cmyk(0% 4% 12% 7%)
Tinten · Schaduwen · Tonen
Tinten
- EEE6D4
- F0E9D9
- F2EBDD
- F4EEE2
- F5F1E7
- F7F4EC
- F9F7F1
- FBF9F5
- FDFCFA
Schaduwen
- CDC5B4
- AFA899
- 928C7F
- 767167
- 5B574F
- 423F38
- 292723
- 131210
- 030302
Tonen
- E1D9C7
- D5CEBF
- CAC4B7
- BFBAAF
- B4B0A7
- AAA69F
- 9F9D97
- 95938F
- 8A8988
Kleurharmonieën
Complementair +180°
- ECE3CF
Double Scoop
- DBE4F7
≈ Aquarelle Purple
Analoog -30° +30°
- ECE3CF
Double Scoop
- F3E0D2
≈ Posy
- E2E7D2
≈ Just About Green
Triadisch +120° +240°
- ECE3CF
Double Scoop
- CFEAED
≈ Castle in the Sky
- EEDEEE
≈ Divine Dove
Gesplitst complementair +150° +210°
- ECE3CF
Double Scoop
- D3E7F5
≈ Freezing Vapour
- E5E0F5
≈ Lingering Lilac
Tetradisch +90° +180° +270°
- ECE3CF
Double Scoop
- D1EAE3
≈ Icy Glacier
- DBE4F7
≈ Aquarelle Purple
- F5DCE4
≈ Ranunculus White
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.27:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.45:1 · APCA Lc 90
Beste tekstkleur: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
CSS
:root {
--double-scoop: #ece3cf;
--double-scoop-rgb: 236 227 207;
--double-scoop-oklch: oklch(0.918 0.028 86.6);
}
.element {
color: var(--double-scoop);
background-color: hsl(41 43% 87%);
border-color: oklch(0.918 0.028 86.6);
}Tailwind CSS v4
@theme {
--color-double-scoop: #ece3cf;
--color-double-scoop-50: #f8f5ec;
--color-double-scoop-100: #ece8dd;
--color-double-scoop-200: #d9d4c7;
--color-double-scoop-300: #bdb7a7;
--color-double-scoop-400: #a69e8c;
--color-double-scoop-500: #8e8571;
--color-double-scoop-600: #787160;
--color-double-scoop-700: #605a4d;
--color-double-scoop-800: #474237;
--color-double-scoop-900: #312d26;
--color-double-scoop-950: #1d1a14;
}SCSS
$double-scoop: #ece3cf;
$double-scoop-rgb: 236, 227, 207;
$double-scoop-light: mix(#fff, $double-scoop, 20%);
$double-scoop-dark: mix(#000, $double-scoop, 20%);
.element {
color: $double-scoop;
box-shadow: 0 0 0 2px rgba($double-scoop, 0.35);
}