Benannte Farbe · #FBEEAC
Wood Avens
Wood Avens ist #FBEEAC: rgb(251 238 172), hsl(50 91% 83%), oklch(0.944 0.085 98.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Wood Avens color name →
#FBEEAC
oklch(0.944 0.085 98.3)
Farbumrechnungen
- HEX
- #fbeeac
- RGB
- rgb(251 238 172)
- HSL
- hsl(50 91% 83%)
- HWB
- hwb(50 67% 2%)
- OKLCH
- oklch(0.944 0.085 98.3)
- OKLab
- oklab(0.944 -0.012 0.084)
- CIE Lab
- lab(93.99 -2.54 33.71)
- LCH
- lch(93.99 33.81 94.3)
- CMYK
- cmyk(0% 5% 31% 2%)
Tints · Shades · Tones
Tints
- FBF0B5
- FCF2BD
- FCF3C6
- FCF5CE
- FDF7D7
- FDF9DF
- FEFAE7
- FEFCEF
- FFFDF7
Shades
- DACF95
- BAB17F
- 9C9369
- 7E7754
- 615C40
- 46422D
- 2D2A1B
- 15140B
- 030301
Tones
- EEE3A8
- E1D7A4
- D4CCA0
- C8C19B
- BCB697
- AFAB93
- A3A08E
- 97958A
- 8C8B85
Farbharmonien
Komplementär +180°
- FBEEAC
Wood Avens
- E8EBFF
≈ Brilliant White
Analog -30° +30°
- FBEEAC
Wood Avens
- FFE8D1
≈ Pale Egg
- DCF8BB
≈ Envious Pastel
Triadisch +120° +240°
- FBEEAC
Wood Avens
- CFF4FF
≈ Water
- FFE3F6
≈ Bunny Tail
Geteilt komplementär +150° +210°
- FBEEAC
Wood Avens
- DFEFFF
≈ Calcareous Sinter
- F3E7FF
≈ Soft Lavender
Tetradisch +90° +180° +270°
- FBEEAC
Wood Avens
- ABFFF7
≈ Frostbite
- E8EBFF
≈ Brilliant White
- FFE5E9
≈ Nosegay
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.17:1 · APCA Lc 8
Ag
AAAAuf Schwarz
WCAG 17.92:1 · APCA Lc 96
Beste Textfarbe: #000000
WCAG 17.92:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--wood-avens: #fbeeac;
--wood-avens-rgb: 251 238 172;
--wood-avens-oklch: oklch(0.944 0.085 98.3);
}
.element {
color: var(--wood-avens);
background-color: hsl(50 91% 83%);
border-color: oklch(0.944 0.085 98.3);
}Tailwind CSS v4
@theme {
--color-wood-avens: #fbeeac;
--color-wood-avens-50: #faf6db;
--color-wood-avens-100: #eee9c9;
--color-wood-avens-200: #dcd6ac;
--color-wood-avens-300: #c1b987;
--color-wood-avens-400: #ab9f64;
--color-wood-avens-500: #958740;
--color-wood-avens-600: #7e7237;
--color-wood-avens-700: #655b2c;
--color-wood-avens-800: #4b421e;
--color-wood-avens-900: #342e13;
--color-wood-avens-950: #1f1a05;
}SCSS
$wood-avens: #fbeeac;
$wood-avens-rgb: 251, 238, 172;
$wood-avens-light: mix(#fff, $wood-avens, 20%);
$wood-avens-dark: mix(#000, $wood-avens, 20%);
.element {
color: $wood-avens;
box-shadow: 0 0 0 2px rgba($wood-avens, 0.35);
}