Màu có tên · #BDABBE
Lavender Frost
Lavender Frost là #BDABBE: rgb(189 171 190), hsl(297 13% 71%), oklch(0.762 0.033 324.3). 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 Gray mean? → · Lavender Frost color name →
#BDABBE
oklch(0.762 0.033 324.3)
Chuyển đổi màu
- HEX
- #bdabbe
- RGB
- rgb(189 171 190)
- HSL
- hsl(297 13% 71%)
- HWB
- hwb(297 67% 25%)
- OKLCH
- oklch(0.762 0.033 324.3)
- OKLab
- oklab(0.762 0.027 -0.02)
- CIE Lab
- lab(71.99 9.27 -7.27)
- LCH
- lch(71.99 11.78 321.9)
- CMYK
- cmyk(1% 10% 0% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C3B3C4
- CABBCB
- D1C4D1
- D7CCD8
- DED4DE
- E4DDE5
- EBE5EB
- F2EEF2
- F8F6F8
Sắc đậm
- A494A5
- 8C7E8C
- 746875
- 5D545E
- 474048
- 332D33
- 1F1B1F
- 0D0B0D
- 020102
Sắc xám
- B7A7B8
- B1A2B1
- AA9EAB
- A49AA5
- 9E959E
- 989198
- 928D92
- 8C888C
- 868486
Hòa sắc
Bổ túc +180°
- BDABBE
Lavender Frost
- A5B8A5
≈ Bamboo Shoot
Tương đồng -30° +30°
- BDABBE
Lavender Frost
- B3AEC6
≈ Lavender Dream
- C4AAB3
≈ Pale Lychee
Bộ ba +120° +240°
- BDABBE
Lavender Frost
- BCB19A
≈ Townhouse Taupe
- 9AB8BC
≈ Windswept Clouds
Bổ túc chia +150° +210°
- BDABBE
Lavender Frost
- B1B59D
≈ White Cabbage
- 9DB9B0
≈ Opal Silk
Bộ bốn +90° +180° +270°
- BDABBE
Lavender Frost
- C4AD9E
≈ Floral Arrangement
- A5B8A5
≈ Bamboo Shoot
- 9EB6C4
≈ Country Air
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.15:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.73:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.73:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--lavender-frost: #bdabbe;
--lavender-frost-rgb: 189 171 190;
--lavender-frost-oklch: oklch(0.762 0.033 324.3);
}
.element {
color: var(--lavender-frost);
background-color: hsl(297 13% 71%);
border-color: oklch(0.762 0.033 324.3);
}Tailwind CSS v4
@theme {
--color-lavender-frost: #bdabbe;
--color-lavender-frost-50: #faf2fa;
--color-lavender-frost-100: #eee4ee;
--color-lavender-frost-200: #dcd0dc;
--color-lavender-frost-300: #c1b2c1;
--color-lavender-frost-400: #a998aa;
--color-lavender-frost-500: #927f93;
--color-lavender-frost-600: #7b6c7c;
--color-lavender-frost-700: #635663;
--color-lavender-frost-800: #483f49;
--color-lavender-frost-900: #322b33;
--color-lavender-frost-950: #1e181f;
}SCSS
$lavender-frost: #bdabbe;
$lavender-frost-rgb: 189, 171, 190;
$lavender-frost-light: mix(#fff, $lavender-frost, 20%);
$lavender-frost-dark: mix(#000, $lavender-frost, 20%);
.element {
color: $lavender-frost;
box-shadow: 0 0 0 2px rgba($lavender-frost, 0.35);
}