Nächste benannte Farbe · #FBD7D2
#FBD7D2
Nächste benannte Farbe: Bloodthirsty Beige
#FBD7D2 (rgb(251 215 210), hsl(7 84% 90%), oklch(0.908 0.041 27.3)) liegt am nächsten an der benannten Farbe Bloodthirsty Beige. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FBD7D2
oklch(0.908 0.041 27.3)
Farbumrechnungen
- HEX
- #fbd7d2
- RGB
- rgb(251 215 210)
- HSL
- hsl(7 84% 90%)
- HWB
- hwb(7 82% 2%)
- OKLCH
- oklch(0.908 0.041 27.3)
- OKLab
- oklab(0.908 0.036 0.019)
- CIE Lab
- lab(88.96 12.37 7.37)
- LCH
- lch(88.96 14.39 30.8)
- CMYK
- cmyk(0% 14% 16% 2%)
Tints · Shades · Tones
Tints
- FCDBD6
- FCDFDB
- FDE3DF
- FDE7E4
- FDEBE8
- FEEFED
- FEF3F1
- FEF7F6
- FFFBFA
Shades
- DABBB6
- BA9F9B
- 9C8581
- 7E6B68
- 615250
- 463B39
- 2D2524
- 151110
- 030202
Tones
- EECEC9
- E1C5C1
- D5BCB9
- C8B3B0
- BCABA8
- B0A2A0
- A49998
- 989190
- 8C8888
Farbharmonien
Komplementär +180°
- FBD7D2
Bloodthirsty Beige
- C2E9EF
≈ Niagara Mist
Analog -30° +30°
- FBD7D2
Bloodthirsty Beige
- F9D6E1
≈ Pink Frosting
- F7DBC7
≈ Sweetness
Triadisch +120° +240°
- FBD7D2
Bloodthirsty Beige
- D0E9D1
≈ Venetian Pearl
- D4E1FD
≈ Contrail
Geteilt komplementär +150° +210°
- FBD7D2
Bloodthirsty Beige
- C5EAE0
≈ Clear Aqua
- C8E5F9
≈ Icy Landscape
Tetradisch +90° +180° +270°
- FBD7D2
Bloodthirsty Beige
- DEE5C6
≈ Frost
- C2E9EF
≈ Niagara Mist
- E3DBF9
≈ Contrail
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.75:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--bloodthirsty-beige: #fbd7d2;
--bloodthirsty-beige-rgb: 251 215 210;
--bloodthirsty-beige-oklch: oklch(0.908 0.041 27.3);
}
.element {
color: var(--bloodthirsty-beige);
background-color: hsl(7 84% 90%);
border-color: oklch(0.908 0.041 27.3);
}Tailwind CSS v4
@theme {
--color-bloodthirsty-beige: #fbd7d2;
--color-bloodthirsty-beige-50: #fff1ee;
--color-bloodthirsty-beige-100: #f5e3e0;
--color-bloodthirsty-beige-200: #e5ceca;
--color-bloodthirsty-beige-300: #ccb0ab;
--color-bloodthirsty-beige-400: #b69691;
--color-bloodthirsty-beige-500: #a07c77;
--color-bloodthirsty-beige-600: #876965;
--color-bloodthirsty-beige-700: #6c5451;
--color-bloodthirsty-beige-800: #503d3b;
--color-bloodthirsty-beige-900: #382a29;
--color-bloodthirsty-beige-950: #221816;
}SCSS
$bloodthirsty-beige: #fbd7d2;
$bloodthirsty-beige-rgb: 251, 215, 210;
$bloodthirsty-beige-light: mix(#fff, $bloodthirsty-beige, 20%);
$bloodthirsty-beige-dark: mix(#000, $bloodthirsty-beige, 20%);
.element {
color: $bloodthirsty-beige;
box-shadow: 0 0 0 2px rgba($bloodthirsty-beige, 0.35);
}