Benannte Farbe · #EBE8B9
Beacon
Beacon ist #EBE8B9: rgb(235 232 185), hsl(56 56% 82%), oklch(0.922 0.061 104.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Beacon color name →
#EBE8B9
oklch(0.922 0.061 104.5)
Farbumrechnungen
- HEX
- #ebe8b9
- RGB
- rgb(235 232 185)
- HSL
- hsl(56 56% 82%)
- HWB
- hwb(56 73% 8%)
- OKLCH
- oklch(0.922 0.061 104.5)
- OKLab
- oklab(0.922 -0.015 0.059)
- CIE Lab
- lab(91.36 -4.47 23.36)
- LCH
- lch(91.36 23.79 100.8)
- CMYK
- cmyk(0% 1% 21% 8%)
Tints · Shades · Tones
Tints
- EDEAC0
- EFEDC7
- F1EFCE
- F3F1D5
- F5F4DC
- F7F6E3
- F9F8EA
- FBFAF1
- FDFDF8
Shades
- CCCAA0
- AEAC89
- 919071
- 75745B
- 5B5946
- 414031
- 29291E
- 13130D
- 030302
Tones
- E0DDB3
- D5D2AE
- CAC8A8
- BFBDA2
- B4B39D
- A9A897
- 9F9E91
- 94948B
- 8A8A86
Farbharmonien
Komplementär +180°
- EBE8B9
Beacon
- E2E2FF
≈ Stoic White
Analog -30° +30°
- EBE8B9
Beacon
- FEE0B8
≈ Evening Sun
- D4EFC6
≈ Pastel Mint
Triadisch +120° +240°
- EBE8B9
Beacon
- C1EDFF
≈ Blue Java Banana
- FFD8ED
≈ Sweet Sachet
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.25:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.77:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.77:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--beacon: #ebe8b9;
--beacon-rgb: 235 232 185;
--beacon-oklch: oklch(0.922 0.061 104.5);
}
.element {
color: var(--beacon);
background-color: hsl(56 56% 82%);
border-color: oklch(0.922 0.061 104.5);
}Tailwind CSS v4
@theme {
--color-beacon: #ebe8b9;
--color-beacon-50: #f7f7e3;
--color-beacon-100: #eaead2;
--color-beacon-200: #d7d6b9;
--color-beacon-300: #bbba96;
--color-beacon-400: #a4a177;
--color-beacon-500: #8c8958;
--color-beacon-600: #77744b;
--color-beacon-700: #5f5c3c;
--color-beacon-800: #46432a;
--color-beacon-900: #312f1c;
--color-beacon-950: #1d1b0d;
}SCSS
$beacon: #ebe8b9;
$beacon-rgb: 235, 232, 185;
$beacon-light: mix(#fff, $beacon, 20%);
$beacon-dark: mix(#000, $beacon, 20%);
.element {
color: $beacon;
box-shadow: 0 0 0 2px rgba($beacon, 0.35);
}