Couleur nommée la plus proche · #FBD7D2
#FBD7D2
Couleur nommée la plus proche: Bloodthirsty Beige
#FBD7D2 (rgb(251 215 210), hsl(7 84% 90%), oklch(0.908 0.041 27.3)) est la plus proche de la couleur nommée Bloodthirsty Beige. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FBD7D2
oklch(0.908 0.041 27.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- FCDBD6
- FCDFDB
- FDE3DF
- FDE7E4
- FDEBE8
- FEEFED
- FEF3F1
- FEF7F6
- FFFBFA
Ombres
- DABBB6
- BA9F9B
- 9C8581
- 7E6B68
- 615250
- 463B39
- 2D2524
- 151110
- 030202
Tons
- EECEC9
- E1C5C1
- D5BCB9
- C8B3B0
- BCABA8
- B0A2A0
- A49998
- 989190
- 8C8888
Harmonies de couleurs
Complémentaire +180°
- FBD7D2
Bloodthirsty Beige
- C2E9EF
≈ Niagara Mist
Analogue -30° +30°
- FBD7D2
Bloodthirsty Beige
- F9D6E1
≈ Pink Frosting
- F7DBC7
≈ Sweetness
Triadique +120° +240°
- FBD7D2
Bloodthirsty Beige
- D0E9D1
≈ Venetian Pearl
- D4E1FD
≈ Contrail
Complémentaire divisée +150° +210°
- FBD7D2
Bloodthirsty Beige
- C5EAE0
≈ Clear Aqua
- C8E5F9
≈ Icy Landscape
Tétradique +90° +180° +270°
- FBD7D2
Bloodthirsty Beige
- DEE5C6
≈ Frost
- C2E9EF
≈ Niagara Mist
- E3DBF9
≈ Contrail
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.33:1 · APCA Lc 16
Ag
AAASur noir
WCAG 15.75:1 · APCA Lc 87
Meilleure couleur de texte: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
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);
}