Benannte Farbe · #F7EDB7
Yellow Taffy
Yellow Taffy ist #F7EDB7: rgb(247 237 183), hsl(51 80% 84%), oklch(0.941 0.07 98.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Yellow Taffy color name →
#F7EDB7
oklch(0.941 0.07 98.8)
Farbumrechnungen
- HEX
- #f7edb7
- RGB
- rgb(247 237 183)
- HSL
- hsl(51 80% 84%)
- HWB
- hwb(51 72% 3%)
- OKLCH
- oklch(0.941 0.07 98.8)
- OKLab
- oklab(0.941 -0.011 0.069)
- CIE Lab
- lab(93.57 -2.56 27.55)
- LCH
- lch(93.57 27.67 95.3)
- CMYK
- cmyk(0% 4% 26% 3%)
Tints · Shades · Tones
Tints
- F8EFBE
- F9F1C6
- F9F3CD
- FAF4D4
- FBF6DC
- FCF8E3
- FDFAEA
- FDFCF1
- FEFDF8
Shades
- D7CE9F
- B7B087
- 999370
- 7C775A
- 605C45
- 454231
- 2C2A1E
- 15140C
- 030302
Tones
- EAE2B2
- DED6AC
- D2CBA7
- C6C0A1
- BAB59C
- AEAA96
- A2A091
- 97958B
- 8B8A86
Farbharmonien
Komplementär +180°
- F7EDB7
Yellow Taffy
- E7EAFF
≈ Glitter
Analog -30° +30°
- F7EDB7
Yellow Taffy
- FFE7CE
≈ Pale Egg
- DDF5C4
≈ Envious Pastel
Triadisch +120° +240°
- F7EDB7
Yellow Taffy
- CDF3FF
≈ Heaven’s Gate
- FFE2F5
≈ Bunny Tail
Geteilt komplementär +150° +210°
- F7EDB7
Yellow Taffy
- DDEEFF
≈ Calcareous Sinter
- F3E5FF
≈ Soft Lavender
Tetradisch +90° +180° +270°
- F7EDB7
Yellow Taffy
- B5FBF5
≈ Ice Citadel
- E7EAFF
≈ Glitter
- FFE4E7
≈ Vanilla Strawberry
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.18:1 · APCA Lc 9
Ag
AAAAuf Schwarz
WCAG 17.75:1 · APCA Lc 95
Beste Textfarbe: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--yellow-taffy: #f7edb7;
--yellow-taffy-rgb: 247 237 183;
--yellow-taffy-oklch: oklch(0.941 0.07 98.8);
}
.element {
color: var(--yellow-taffy);
background-color: hsl(51 80% 84%);
border-color: oklch(0.941 0.07 98.8);
}Tailwind CSS v4
@theme {
--color-yellow-taffy: #f7edb7;
--color-yellow-taffy-50: #f9f6e0;
--color-yellow-taffy-100: #ede9cf;
--color-yellow-taffy-200: #dad6b4;
--color-yellow-taffy-300: #bfb990;
--color-yellow-taffy-400: #a9a06f;
--color-yellow-taffy-500: #92874f;
--color-yellow-taffy-600: #7b7243;
--color-yellow-taffy-700: #635b35;
--color-yellow-taffy-800: #494325;
--color-yellow-taffy-900: #332e19;
--color-yellow-taffy-950: #1e1b0a;
}SCSS
$yellow-taffy: #f7edb7;
$yellow-taffy-rgb: 247, 237, 183;
$yellow-taffy-light: mix(#fff, $yellow-taffy, 20%);
$yellow-taffy-dark: mix(#000, $yellow-taffy, 20%);
.element {
color: $yellow-taffy;
box-shadow: 0 0 0 2px rgba($yellow-taffy, 0.35);
}