Benannte Farbe · #F0BEB8
Alpenglow
Alpenglow ist #F0BEB8: rgb(240 190 184), hsl(6 65% 83%), oklch(0.844 0.058 26.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Alpenglow color name →
#F0BEB8
oklch(0.844 0.058 26.3)
Farbumrechnungen
- HEX
- #f0beb8
- RGB
- rgb(240 190 184)
- HSL
- hsl(6 65% 83%)
- HWB
- hwb(6 72% 6%)
- OKLCH
- oklch(0.844 0.058 26.3)
- OKLab
- oklab(0.844 0.052 0.026)
- CIE Lab
- lab(81.41 17.85 10.25)
- LCH
- lch(81.41 20.58 29.9)
- CMYK
- cmyk(0% 21% 23% 6%)
Tints · Shades · Tones
Tints
- F2C4BF
- F4CBC6
- F5D1CD
- F7D8D4
- F8DEDB
- FAE5E2
- FBEBE9
- FDF2F1
- FEF8F8
Shades
- D1A5A0
- B28C88
- 957571
- 785E5B
- 5D4845
- 433331
- 2A1F1E
- 140D0C
- 030202
Tones
- E4B8B2
- D9B1AD
- CEABA7
- C2A5A1
- B79F9C
- AC9896
- A19290
- 968C8B
- 8B8685
Farbharmonien
Komplementär +180°
- F0BEB8
Alpenglow
- 9FD7DF
≈ Terrace Pool
Analog -30° +30°
- F0BEB8
Alpenglow
- EDBDCD
≈ Dainty Pink
- EBC3A8
≈ Peach Beauty
Triadisch +120° +240°
- F0BEB8
Alpenglow
- B4D7B6
≈ Flower Stem
- BACCF3
≈ Frost Fairy
Geteilt komplementär +150° +210°
- F0BEB8
Alpenglow
- A4D9CB
≈ Whirlpool
- A8D3EE
≈ Light Shimmer
Tetradisch +90° +180° +270°
- F0BEB8
Alpenglow
- C9D1A6
≈ Pistachio Pudding
- 9FD7DF
≈ Terrace Pool
- CFC5EE
≈ Soap
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.76:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.76:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--alpenglow: #f0beb8;
--alpenglow-rgb: 240 190 184;
--alpenglow-oklch: oklch(0.844 0.058 26.3);
}
.element {
color: var(--alpenglow);
background-color: hsl(6 65% 83%);
border-color: oklch(0.844 0.058 26.3);
}Tailwind CSS v4
@theme {
--color-alpenglow: #f0beb8;
--color-alpenglow-50: #ffefec;
--color-alpenglow-100: #fbe1dd;
--color-alpenglow-200: #eccbc6;
--color-alpenglow-300: #d4ada7;
--color-alpenglow-400: #bf928c;
--color-alpenglow-500: #aa7772;
--color-alpenglow-600: #8f6560;
--color-alpenglow-700: #73514d;
--color-alpenglow-800: #553b38;
--color-alpenglow-900: #3b2827;
--color-alpenglow-950: #251615;
}SCSS
$alpenglow: #f0beb8;
$alpenglow-rgb: 240, 190, 184;
$alpenglow-light: mix(#fff, $alpenglow, 20%);
$alpenglow-dark: mix(#000, $alpenglow, 20%);
.element {
color: $alpenglow;
box-shadow: 0 0 0 2px rgba($alpenglow, 0.35);
}