Benannte Farbe · #F3D8E0
Brittany’s Bow
Brittany’s Bow ist #F3D8E0: rgb(243 216 224), hsl(342 53% 90%), oklch(0.907 0.032 357.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Brittany’s Bow color name →
#F3D8E0
oklch(0.907 0.032 357.9)
Farbumrechnungen
- HEX
- #f3d8e0
- RGB
- rgb(243 216 224)
- HSL
- hsl(342 53% 90%)
- HWB
- hwb(342 85% 5%)
- OKLCH
- oklch(0.907 0.032 357.9)
- OKLab
- oklab(0.907 0.032 -0.001)
- CIE Lab
- lab(88.77 10.64 -0.34)
- LCH
- lch(88.77 10.64 358.2)
- CMYK
- cmyk(0% 11% 8% 5%)
Tints · Shades · Tones
Tints
- F4DCE3
- F6E0E6
- F7E4E9
- F8E8EC
- F9EBEF
- FAEFF3
- FCF3F6
- FDF7F9
- FEFBFC
Shades
- D3BCC3
- B4A0A6
- 97858A
- 7A6B70
- 5E5356
- 443B3E
- 2B2527
- 141112
- 030202
Tones
- E7CFD6
- DBC6CC
- CFBDC2
- C4B4B8
- B8ABAF
- ADA2A5
- A19A9C
- 969192
- 8B8889
Farbharmonien
Komplementär +180°
- F3D8E0
Brittany’s Bow
- CBE8E0
≈ Light Short Phase
Analog -30° +30°
- F3D8E0
Brittany’s Bow
- ECD9EB
≈ Elfin Magic
- F5D9D5
≈ Scented Valentine
Triadisch +120° +240°
- F3D8E0
Brittany’s Bow
- DEE3CC
≈ Aloe Nectar
- CEE4F3
≈ New Heights
Geteilt komplementär +150° +210°
- F3D8E0
Brittany’s Bow
- D3E6D5
≈ Peppermint Patty
- C9E7EB
≈ Snowmelt
Tetradisch +90° +180° +270°
- F3D8E0
Brittany’s Bow
- E9DFC9
≈ Gramp’s Tea Cup
- CBE8E0
≈ Light Short Phase
- D7E0F6
≈ Aquarelle Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.70:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.70:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--brittany-s-bow: #f3d8e0;
--brittany-s-bow-rgb: 243 216 224;
--brittany-s-bow-oklch: oklch(0.907 0.032 357.9);
}
.element {
color: var(--brittany-s-bow);
background-color: hsl(342 53% 90%);
border-color: oklch(0.907 0.032 357.9);
}Tailwind CSS v4
@theme {
--color-brittany-s-bow: #f3d8e0;
--color-brittany-s-bow-50: #fef2f5;
--color-brittany-s-bow-100: #f2e4e7;
--color-brittany-s-bow-200: #e1cfd4;
--color-brittany-s-bow-300: #c6b1b7;
--color-brittany-s-bow-400: #af979e;
--color-brittany-s-bow-500: #997e86;
--color-brittany-s-bow-600: #816b71;
--color-brittany-s-bow-700: #67555b;
--color-brittany-s-bow-800: #4c3e43;
--color-brittany-s-bow-900: #352b2e;
--color-brittany-s-bow-950: #20181b;
}SCSS
$brittany-s-bow: #f3d8e0;
$brittany-s-bow-rgb: 243, 216, 224;
$brittany-s-bow-light: mix(#fff, $brittany-s-bow, 20%);
$brittany-s-bow-dark: mix(#000, $brittany-s-bow, 20%);
.element {
color: $brittany-s-bow;
box-shadow: 0 0 0 2px rgba($brittany-s-bow, 0.35);
}