Najbliższy nazwany kolor · #EBE4C7
#EBE4C7
Najbliższy nazwany kolor: Horseradish
#EBE4C7 (rgb(235 228 199), hsl(48 47% 85%), oklch(0.917 0.039 95.9)) jest najbliższy nazwanemu kolorowi Horseradish. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EBE4C7
oklch(0.917 0.039 95.9)
Konwersje koloru
- HEX
- #ebe4c7
- RGB
- rgb(235 228 199)
- HSL
- hsl(48 47% 85%)
- HWB
- hwb(48 78% 8%)
- OKLCH
- oklch(0.917 0.039 95.9)
- OKLab
- oklab(0.917 -0.004 0.039)
- CIE Lab
- lab(90.58 -1.06 15.11)
- LCH
- lch(90.58 15.15 94)
- CMYK
- cmyk(0% 3% 15% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDE7CD
- EFE9D2
- F1ECD8
- F3EFDD
- F5F2E3
- F7F4E9
- F9F7EE
- FBFAF4
- FDFCF9
Odcienie ciemniejsze
- CCC6AD
- AEA993
- 918D7A
- 757262
- 5B584C
- 413F36
- 292821
- 13120E
- 030302
Tony
- E0DAC0
- D5CFB8
- CAC5B1
- BFBBAA
- B4B1A3
- A9A79C
- 9F9D95
- 94938E
- 8A8A87
Harmonie kolorów
Komplementarna +180°
- EBE4C7
Horseradish
- DCE2FE
≈ Stoic White
Analogowa -30° +30°
- EBE4C7
Horseradish
- F6DFC9
≈ Almeja
- DDE9CD
≈ Whiff of Green
Triada +120° +240°
- EBE4C7
Horseradish
- C7EBF4
≈ Frosty Day
- F5DAEE
≈ Grape Taffy
Komplementarna rozszczepiona +150° +210°
- EBE4C7
Horseradish
- CFE7FD
≈ Veiling Waterfalls
- EADDF9
≈ Lavender Savour
Tetrada +90° +180° +270°
- EBE4C7
Horseradish
- C8EDE7
≈ Spearmint Leaf
- DCE2FE
≈ Stoic White
- FCD9DF
≈ Wishful Thinking
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.45:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--horseradish: #ebe4c7;
--horseradish-rgb: 235 228 199;
--horseradish-oklch: oklch(0.917 0.039 95.9);
}
.element {
color: var(--horseradish);
background-color: hsl(48 47% 85%);
border-color: oklch(0.917 0.039 95.9);
}Tailwind CSS v4
@theme {
--color-horseradish: #ebe4c7;
--color-horseradish-50: #f8f5e9;
--color-horseradish-100: #ebe8da;
--color-horseradish-200: #d8d5c2;
--color-horseradish-300: #bcb8a2;
--color-horseradish-400: #a59f85;
--color-horseradish-500: #8e8669;
--color-horseradish-600: #787259;
--color-horseradish-700: #605b47;
--color-horseradish-800: #474233;
--color-horseradish-900: #312e23;
--color-horseradish-950: #1d1b12;
}SCSS
$horseradish: #ebe4c7;
$horseradish-rgb: 235, 228, 199;
$horseradish-light: mix(#fff, $horseradish, 20%);
$horseradish-dark: mix(#000, $horseradish, 20%);
.element {
color: $horseradish;
box-shadow: 0 0 0 2px rgba($horseradish, 0.35);
}