Màu có tên · #D9B1AA
Borlotti Bean
Borlotti Bean là #D9B1AA: rgb(217 177 170), hsl(9 38% 76%), oklch(0.794 0.048 29.7). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Borlotti Bean color name →
#D9B1AA
oklch(0.794 0.048 29.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DDB9B2
- E1C0BB
- E5C8C3
- E9D0CB
- EDD8D4
- F0DFDC
- F4E7E5
- F8EFEE
- FBF7F6
Sắc đậm
- BC9993
- A1837D
- 866C68
- 6C5753
- 53423F
- 3B2F2D
- 251C1B
- 110C0B
- 020101
Sắc xám
- D0ACA6
- C7A7A1
- BEA29D
- B59D99
- AC9895
- A39391
- 9A8F8C
- 918A88
- 898584
Hòa sắc
Bổ túc +180°
- D9B1AA
Borlotti Bean
- 99C5CD
≈ Adriatic Haze
Tương đồng -30° +30°
- D9B1AA
Borlotti Bean
- D7B0BB
≈ Kindness
- D4B59E
≈ Kraft Paper
Bộ ba +120° +240°
- D9B1AA
Borlotti Bean
- A7C5AC
≈ Spring Leaves
- AFBBDC
≈ Lilac Flare
Bổ túc chia +150° +210°
- D9B1AA
Borlotti Bean
- 9BC6BD
≈ New-Age Green
- A1C1D8
≈ Metal Gear
Bộ bốn +90° +180° +270°
- D9B1AA
Borlotti Bean
- B8C19F
≈ Chopped Dill
- 99C5CD
≈ Adriatic Haze
- C0B5D7
≈ Plumeria
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.94:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.81:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
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);
}