Benannte Farbe · #F6E5B9
Gentle Glow
Gentle Glow ist #F6E5B9: rgb(246 229 185), hsl(43 77% 85%), oklch(0.925 0.06 89.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Gentle Glow color name →
#F6E5B9
oklch(0.925 0.06 89.4)
Farbumrechnungen
- HEX
- #f6e5b9
- RGB
- rgb(246 229 185)
- HSL
- hsl(43 77% 85%)
- HWB
- hwb(43 73% 4%)
- OKLCH
- oklch(0.925 0.06 89.4)
- OKLab
- oklab(0.925 0.001 0.06)
- CIE Lab
- lab(91.51 1.07 23.76)
- LCH
- lch(91.51 23.78 87.4)
- CMYK
- cmyk(0% 7% 25% 4%)
Tints · Shades · Tones
Tints
- F7E8C0
- F8EAC7
- F9EDCE
- FAF0D5
- FBF2DC
- FBF5E3
- FCF7EA
- FDFAF1
- FEFCF8
Shades
- D6C7A0
- B7AA89
- 988E71
- 7B725B
- 5F5846
- 453F31
- 2C281E
- 15120D
- 030302
Tones
- EADAB3
- DDD0AE
- D1C6A8
- C5BBA2
- B9B19D
- AEA797
- A29D91
- 96938C
- 8B8A86
Farbharmonien
Komplementär +180°
- F6E5B9
Gentle Glow
- DCE6FF
≈ Lavender Mist
Analog -30° +30°
- F6E5B9
Gentle Glow
- FFDFC7
≈ Peak Season
- E1EDC0
≈ Spring Shoot
Triadisch +120° +240°
- F6E5B9
Gentle Glow
- B8F2FC
≈ Northrend
- FED8FA
≈ Strawberry Frost
Geteilt komplementär +150° +210°
- F6E5B9
Gentle Glow
- CEEBFF
≈ Veiling Waterfalls
- EAE0FF
≈ Lavender Savour
Tetradisch +90° +180° +270°
- F6E5B9
Gentle Glow
- BBF4E7
≈ Shallow End
- DCE6FF
≈ Lavender Mist
- FFDBE5
≈ Pink Perfume
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.24:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.82:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.82:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--gentle-glow: #f6e5b9;
--gentle-glow-rgb: 246 229 185;
--gentle-glow-oklch: oklch(0.925 0.06 89.4);
}
.element {
color: var(--gentle-glow);
background-color: hsl(43 77% 85%);
border-color: oklch(0.925 0.06 89.4);
}Tailwind CSS v4
@theme {
--color-gentle-glow: #f6e5b9;
--color-gentle-glow-50: #fbf5e2;
--color-gentle-glow-100: #efe8d2;
--color-gentle-glow-200: #ddd4b8;
--color-gentle-glow-300: #c3b795;
--color-gentle-glow-400: #ac9d76;
--color-gentle-glow-500: #968557;
--color-gentle-glow-600: #7f704a;
--color-gentle-glow-700: #665a3b;
--color-gentle-glow-800: #4b412a;
--color-gentle-glow-900: #342d1c;
--color-gentle-glow-950: #201a0c;
}SCSS
$gentle-glow: #f6e5b9;
$gentle-glow-rgb: 246, 229, 185;
$gentle-glow-light: mix(#fff, $gentle-glow, 20%);
$gentle-glow-dark: mix(#000, $gentle-glow, 20%);
.element {
color: $gentle-glow;
box-shadow: 0 0 0 2px rgba($gentle-glow, 0.35);
}