Benannte Farbe · #FBECCC
Honey Moth
Honey Moth ist #FBECCC: rgb(251 236 204), hsl(41 85% 89%), oklch(0.947 0.045 85.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Honey Moth color name →
#FBECCC
oklch(0.947 0.045 85.9)
Farbumrechnungen
- HEX
- #fbeccc
- RGB
- rgb(251 236 204)
- HSL
- hsl(41 85% 89%)
- HWB
- hwb(41 80% 2%)
- OKLCH
- oklch(0.947 0.045 85.9)
- OKLab
- oklab(0.947 0.003 0.045)
- CIE Lab
- lab(93.99 1.53 17.51)
- LCH
- lch(93.99 17.58 85)
- CMYK
- cmyk(0% 6% 19% 2%)
Tints · Shades · Tones
Tints
- FBEED1
- FCF0D6
- FCF2DB
- FDF4E1
- FDF6E6
- FDF7EB
- FEF9F0
- FEFBF5
- FFFDFA
Shades
- DACDB1
- BAAF97
- 9C927E
- 7E7665
- 615B4E
- 464237
- 2D2922
- 15130F
- 030302
Tones
- EEE1C4
- E1D6BC
- D5CAB5
- C8BFAD
- BCB5A5
- AFAA9E
- A39F96
- 97958F
- 8C8A87
Farbharmonien
Komplementär +180°
- FBECCC
Honey Moth
- E5EEFF
≈ Brilliant White
Analog -30° +30°
- FBECCC
Honey Moth
- FFE9DA
≈ Guiding Star
- EBF2D0
≈ Light of New Hope
Triadisch +120° +240°
- FBECCC
Honey Moth
- CCF7FC
≈ Vaporised
- FEE4FE
≈ Fairy Salt
Geteilt komplementär +150° +210°
- FBECCC
Honey Moth
- DCF1FF
≈ Wizard White
- EFEAFF
≈ Placebo Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.16:1 · APCA Lc 8
Ag
AAAAuf Schwarz
WCAG 17.97:1 · APCA Lc 96
Beste Textfarbe: #000000
WCAG 17.97:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--honey-moth: #fbeccc;
--honey-moth-rgb: 251 236 204;
--honey-moth-oklch: oklch(0.947 0.045 85.9);
}
.element {
color: var(--honey-moth);
background-color: hsl(41 85% 89%);
border-color: oklch(0.947 0.045 85.9);
}Tailwind CSS v4
@theme {
--color-honey-moth: #fbeccc;
--color-honey-moth-50: #faf5e7;
--color-honey-moth-100: #eee7d7;
--color-honey-moth-200: #dcd4bf;
--color-honey-moth-300: #c1b79e;
--color-honey-moth-400: #aa9d81;
--color-honey-moth-500: #948464;
--color-honey-moth-600: #7d7055;
--color-honey-moth-700: #645a44;
--color-honey-moth-800: #4a4131;
--color-honey-moth-900: #332d21;
--color-honey-moth-950: #1f1a10;
}SCSS
$honey-moth: #fbeccc;
$honey-moth-rgb: 251, 236, 204;
$honey-moth-light: mix(#fff, $honey-moth, 20%);
$honey-moth-dark: mix(#000, $honey-moth, 20%);
.element {
color: $honey-moth;
box-shadow: 0 0 0 2px rgba($honey-moth, 0.35);
}