Couleur nommée · #D9B1AA
Borlotti Bean
Borlotti Bean correspond à #D9B1AA : rgb(217 177 170), hsl(9 38% 76%), oklch(0.794 0.048 29.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Borlotti Bean color name →
#D9B1AA
oklch(0.794 0.048 29.7)
Conversions de couleur
- HEX
- #d9b1aa
- RGB
- rgb(217 177 170)
- HSL
- hsl(9 38% 76%)
- HWB
- hwb(9 67% 15%)
- OKLCH
- oklch(0.794 0.048 29.7)
- OKLab
- oklab(0.794 0.042 0.024)
- CIE Lab
- lab(75.7 14.18 9.36)
- LCH
- lch(75.7 16.99 33.4)
- CMYK
- cmyk(0% 18% 22% 15%)
Teintes · Ombres · Tons
Teintes
- DDB9B2
- E1C0BB
- E5C8C3
- E9D0CB
- EDD8D4
- F0DFDC
- F4E7E5
- F8EFEE
- FBF7F6
Ombres
- BC9993
- A1837D
- 866C68
- 6C5753
- 53423F
- 3B2F2D
- 251C1B
- 110C0B
- 020101
Tons
- D0ACA6
- C7A7A1
- BEA29D
- B59D99
- AC9895
- A39391
- 9A8F8C
- 918A88
- 898584
Harmonies de couleurs
Complémentaire +180°
- D9B1AA
Borlotti Bean
- 99C5CD
≈ Adriatic Haze
Analogue -30° +30°
- D9B1AA
Borlotti Bean
- D7B0BB
≈ Kindness
- D4B59E
≈ Kraft Paper
Triadique +120° +240°
- D9B1AA
Borlotti Bean
- A7C5AC
≈ Spring Leaves
- AFBBDC
≈ Lilac Flare
Complémentaire divisée +150° +210°
- D9B1AA
Borlotti Bean
- 9BC6BD
≈ New-Age Green
- A1C1D8
≈ Metal Gear
Tétradique +90° +180° +270°
- D9B1AA
Borlotti Bean
- B8C19F
≈ Chopped Dill
- 99C5CD
≈ Adriatic Haze
- C0B5D7
≈ Plumeria
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.94:1 · APCA Lc 37
Ag
AAASur noir
WCAG 10.81:1 · APCA Lc 65
Meilleure couleur de texte: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Extraits de code
CSS
:root {
--borlotti-bean: #d9b1aa;
--borlotti-bean-rgb: 217 177 170;
--borlotti-bean-oklch: oklch(0.794 0.048 29.7);
}
.element {
color: var(--borlotti-bean);
background-color: hsl(9 38% 76%);
border-color: oklch(0.794 0.048 29.7);
}Tailwind CSS v4
@theme {
--color-borlotti-bean: #d9b1aa;
--color-borlotti-bean-50: #fff1ed;
--color-borlotti-bean-100: #f7e2de;
--color-borlotti-bean-200: #e8cdc8;
--color-borlotti-bean-300: #cfafa8;
--color-borlotti-bean-400: #b9948e;
--color-borlotti-bean-500: #a47b74;
--color-borlotti-bean-600: #8a6862;
--color-borlotti-bean-700: #6f534e;
--color-borlotti-bean-800: #523c39;
--color-borlotti-bean-900: #392927;
--color-borlotti-bean-950: #231715;
}SCSS
$borlotti-bean: #d9b1aa;
$borlotti-bean-rgb: 217, 177, 170;
$borlotti-bean-light: mix(#fff, $borlotti-bean, 20%);
$borlotti-bean-dark: mix(#000, $borlotti-bean, 20%);
.element {
color: $borlotti-bean;
box-shadow: 0 0 0 2px rgba($borlotti-bean, 0.35);
}