Màu có tên gần nhất · #B1BBA0
#B1BBA0
Màu có tên gần nhất: Meadow Morn
#B1BBA0 (rgb(177 187 160), hsl(82 17% 68%), oklch(0.777 0.039 123.9)) gần nhất với màu có tên Meadow Morn. 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.
#B1BBA0
oklch(0.777 0.039 123.9)
Chuyển đổi màu
- HEX
- #b1bba0
- RGB
- rgb(177 187 160)
- HSL
- hsl(82 17% 68%)
- HWB
- hwb(82 63% 27%)
- OKLCH
- oklch(0.777 0.039 123.9)
- OKLab
- oklab(0.777 -0.022 0.032)
- CIE Lab
- lab(74.53 -7.22 12.49)
- LCH
- lch(74.53 14.43 120)
- CMYK
- cmyk(5% 0% 14% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B9C2A9
- C0C8B3
- C8CFBC
- D0D6C5
- D7DDCF
- DFE3D8
- E7EAE2
- EFF1EC
- F7F8F5
Sắc đậm
- 99A28B
- 838A76
- 6C7361
- 575C4E
- 42463B
- 2F3229
- 1C1F19
- 0C0D09
- 010201
Sắc xám
- ACB59D
- A7AF9A
- A2A996
- 9DA393
- 989D90
- 93978D
- 8E918A
- 8A8C86
- 858683
Hòa sắc
Bổ túc +180°
- B1BBA0
Meadow Morn
- BBB1CB
≈ Violet Beauty
Tương đồng -30° +30°
- B1BBA0
Meadow Morn
- BEB69B
≈ Distant Valley
- A4BEAB
≈ Spring Reflection
Bộ ba +120° +240°
- B1BBA0
Meadow Morn
- A2BACE
≈ Northern Pond
- CDADB3
≈ Scented Frill
Bổ túc chia +150° +210°
- B1BBA0
Meadow Morn
- AEB5D0
≈ Hundred Waters
- C7AEC1
≈ Lavish Lavender
Bộ bốn +90° +180° +270°
- B1BBA0
Meadow Morn
- 9BBDC6
≈ Déjà Blue
- BBB1CB
≈ Violet Beauty
- CEAEA6
≈ Lime Hawk Moth
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.00:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.48:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
CSS
:root {
--meadow-morn: #b1bba0;
--meadow-morn-rgb: 177 187 160;
--meadow-morn-oklch: oklch(0.777 0.039 123.9);
}
.element {
color: var(--meadow-morn);
background-color: hsl(82 17% 68%);
border-color: oklch(0.777 0.039 123.9);
}Tailwind CSS v4
@theme {
--color-meadow-morn: #b1bba0;
--color-meadow-morn-50: #f2f7eb;
--color-meadow-morn-100: #e4eadd;
--color-meadow-morn-200: #d0d8c6;
--color-meadow-morn-300: #b2bba6;
--color-meadow-morn-400: #99a38a;
--color-meadow-morn-500: #818b6f;
--color-meadow-morn-600: #6d765e;
--color-meadow-morn-700: #575e4b;
--color-meadow-morn-800: #404536;
--color-meadow-morn-900: #2c2f25;
--color-meadow-morn-950: #191c13;
}SCSS
$meadow-morn: #b1bba0;
$meadow-morn-rgb: 177, 187, 160;
$meadow-morn-light: mix(#fff, $meadow-morn, 20%);
$meadow-morn-dark: mix(#000, $meadow-morn, 20%);
.element {
color: $meadow-morn;
box-shadow: 0 0 0 2px rgba($meadow-morn, 0.35);
}