Benannte Farbe · #F8AFA9
Snow White Blush
Snow White Blush ist #F8AFA9: rgb(248 175 169), hsl(5 85% 82%), oklch(0.822 0.087 24.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Snow White Blush color name →
#F8AFA9
oklch(0.822 0.087 24.4)
Farbumrechnungen
- HEX
- #f8afa9
- RGB
- rgb(248 175 169)
- HSL
- hsl(5 85% 82%)
- HWB
- hwb(5 66% 3%)
- OKLCH
- oklch(0.822 0.087 24.4)
- OKLab
- oklab(0.822 0.079 0.036)
- CIE Lab
- lab(78.47 26.91 14.35)
- LCH
- lch(78.47 30.5 28.1)
- CMYK
- cmyk(0% 29% 32% 3%)
Tints · Shades · Tones
Tints
- F9B7B1
- FBBFBA
- FCC7C2
- FDCFCB
- FDD7D3
- FEDFDC
- FFE7E5
- FFEFED
- FFF7F6
Shades
- D89892
- B8817C
- 9A6B67
- 7C5653
- 60413F
- 452E2C
- 2C1C1B
- 150B0A
- 030101
Tones
- ECAAA5
- E0A6A1
- D4A19D
- C89C99
- BC9894
- B09390
- A48E8C
- 988A88
- 8C8584
Farbharmonien
Komplementär +180°
- F8AFA9
Snow White Blush
- 7CD5DF
≈ Sea of Tranquillity
Analog -30° +30°
- F8AFA9
Snow White Blush
- F2AEC8
≈ Nadeshiko Pink
- F1B68F
≈ November Leaf
Triadisch +120° +240°
- F8AFA9
Snow White Blush
- A2D4A2
≈ Pistachio Green
- A9C4FE
≈ Pastel Blue
Geteilt komplementär +150° +210°
- F8AFA9
Snow White Blush
- 86D7C1
≈ Ice Green
- 8BCEF5
≈ Drift on the Sea
Tetradisch +90° +180° +270°
- F8AFA9
Snow White Blush
- C3CC8A
≈ Soft Celery
- 7CD5DF
≈ Sea of Tranquillity
- C8BAF8
≈ Violet Heaven
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.79:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.69:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.69:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--snow-white-blush: #f8afa9;
--snow-white-blush-rgb: 248 175 169;
--snow-white-blush-oklch: oklch(0.822 0.087 24.4);
}
.element {
color: var(--snow-white-blush);
background-color: hsl(5 85% 82%);
border-color: oklch(0.822 0.087 24.4);
}Tailwind CSS v4
@theme {
--color-snow-white-blush: #f8afa9;
--color-snow-white-blush-50: #ffece8;
--color-snow-white-blush-100: #ffded9;
--color-snow-white-blush-200: #f7c7c1;
--color-snow-white-blush-300: #e1a7a0;
--color-snow-white-blush-400: #cd8a85;
--color-snow-white-blush-500: #b96f69;
--color-snow-white-blush-600: #9c5e5a;
--color-snow-white-blush-700: #7d4b47;
--color-snow-white-blush-800: #5d3634;
--color-snow-white-blush-900: #412524;
--color-snow-white-blush-950: #291313;
}SCSS
$snow-white-blush: #f8afa9;
$snow-white-blush-rgb: 248, 175, 169;
$snow-white-blush-light: mix(#fff, $snow-white-blush, 20%);
$snow-white-blush-dark: mix(#000, $snow-white-blush, 20%);
.element {
color: $snow-white-blush;
box-shadow: 0 0 0 2px rgba($snow-white-blush, 0.35);
}