Nazwany kolor · #EBD2D1
Raspberry Milk
Raspberry Milk to #EBD2D1: rgb(235 210 209), hsl(2 39% 87%), oklch(0.884 0.028 20.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Raspberry Milk color name →
#EBD2D1
oklch(0.884 0.028 20.4)
Konwersje koloru
- HEX
- #ebd2d1
- RGB
- rgb(235 210 209)
- HSL
- hsl(2 39% 87%)
- HWB
- hwb(2 82% 8%)
- OKLCH
- oklch(0.884 0.028 20.4)
- OKLab
- oklab(0.884 0.026 0.01)
- CIE Lab
- lab(86.28 8.87 3.84)
- LCH
- lch(86.28 9.66 23.4)
- CMYK
- cmyk(0% 11% 11% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDD6D6
- EFDBDA
- F1DFDF
- F3E4E3
- F5E8E8
- F7EDEC
- F9F1F1
- FBF6F6
- FDFAFA
Odcienie ciemniejsze
- CCB6B5
- AE9B9B
- 918181
- 756868
- 5B5050
- 413939
- 292423
- 131010
- 030202
Tony
- E0C9C9
- D5C1C0
- CAB9B8
- BFB0B0
- B4A8A8
- AAA0A0
- 9F9898
- 959090
- 8A8888
Harmonie kolorów
Komplementarna +180°
- EBD2D1
Raspberry Milk
- C4DFE0
≈ Light Dante Peak
Analogowa -30° +30°
- EBD2D1
Raspberry Milk
- E8D2DB
≈ Orchid Rose
- E9D4C9
≈ Honeysuckle Delight
Triada +120° +240°
- EBD2D1
Raspberry Milk
- CFDECC
≈ St. Augustine
- CEDAEC
≈ Alaskan Skies
Komplementarna rozszczepiona +150° +210°
- EBD2D1
Raspberry Milk
- C8DFD6
≈ Ulthuan Grey
- C7DDE8
≈ King of Waves
Tetrada +90° +180° +270°
- EBD2D1
Raspberry Milk
- D9DBC6
≈ Silver Laurel
- C4DFE0
≈ Light Dante Peak
- D8D6EB
≈ Sachet Cushion
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.67:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.67:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--raspberry-milk: #ebd2d1;
--raspberry-milk-rgb: 235 210 209;
--raspberry-milk-oklch: oklch(0.884 0.028 20.4);
}
.element {
color: var(--raspberry-milk);
background-color: hsl(2 39% 87%);
border-color: oklch(0.884 0.028 20.4);
}Tailwind CSS v4
@theme {
--color-raspberry-milk: #ebd2d1;
--color-raspberry-milk-50: #fdf2f1;
--color-raspberry-milk-100: #f1e4e3;
--color-raspberry-milk-200: #e0d0cf;
--color-raspberry-milk-300: #c5b2b1;
--color-raspberry-milk-400: #af9897;
--color-raspberry-milk-500: #987f7e;
--color-raspberry-milk-600: #816c6b;
--color-raspberry-milk-700: #675655;
--color-raspberry-milk-800: #4c3f3f;
--color-raspberry-milk-900: #352b2b;
--color-raspberry-milk-950: #201818;
}SCSS
$raspberry-milk: #ebd2d1;
$raspberry-milk-rgb: 235, 210, 209;
$raspberry-milk-light: mix(#fff, $raspberry-milk, 20%);
$raspberry-milk-dark: mix(#000, $raspberry-milk, 20%);
.element {
color: $raspberry-milk;
box-shadow: 0 0 0 2px rgba($raspberry-milk, 0.35);
}