Màu có tên gần nhất · #BB9280
#BB9280
Màu có tên gần nhất: Café Crème
#BB9280 (rgb(187 146 128), hsl(18 30% 62%), oklch(0.694 0.056 44.9)) gần nhất với màu có tên Café Crème. 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.
#BB9280
oklch(0.694 0.056 44.9)
Chuyển đổi màu
- HEX
- #bb9280
- RGB
- rgb(187 146 128)
- HSL
- hsl(18 30% 62%)
- HWB
- hwb(18 50% 27%)
- OKLCH
- oklch(0.694 0.056 44.9)
- OKLab
- oklab(0.694 0.04 0.04)
- CIE Lab
- lab(64.14 14.03 15.8)
- LCH
- lch(64.14 21.14 48.4)
- CMYK
- cmyk(0% 22% 32% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C29D8C
- C9A798
- D0B2A5
- D7BDB1
- DDC7BE
- E4D2CB
- EBDDD8
- F2E9E5
- F8F4F2
Sắc đậm
- A27E6E
- 8A6B5D
- 73584D
- 5C463D
- 46352E
- 32251F
- 1F1612
- 0D0806
- 020101
Sắc xám
- B59080
- AF8F80
- A98D80
- A48B80
- 9E8980
- 988780
- 928680
- 8C8480
- 868280
Hòa sắc
Bổ túc +180°
- BB9280
Café Crème
- 77A4B7
≈ Blue Ridge Mist
Tương đồng -30° +30°
- BB9280
Café Crème
- BD8F91
≈ Rosy Brown
- B19876
≈ Artisan Tan
Bộ ba +120° +240°
- BB9280
Café Crème
- 7CA894
≈ Catnip
- 9898BF
≈ Grape Ivy
Bổ túc chia +150° +210°
- BB9280
Café Crème
- 73A8A7
≈ Cresting Waves
- 859FBF
≈ Washed Denim
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.78:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.53:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--cafe-creme: #bb9280;
--cafe-creme-rgb: 187 146 128;
--cafe-creme-oklch: oklch(0.694 0.056 44.9);
}
.element {
color: var(--cafe-creme);
background-color: hsl(18 30% 62%);
border-color: oklch(0.694 0.056 44.9);
}Tailwind CSS v4
@theme {
--color-cafe-creme: #bb9280;
--color-cafe-creme-50: #fff1e8;
--color-cafe-creme-100: #f9e3d8;
--color-cafe-creme-200: #eacec0;
--color-cafe-creme-300: #d1af9f;
--color-cafe-creme-400: #bc9583;
--color-cafe-creme-500: #a67b67;
--color-cafe-creme-600: #8d6858;
--color-cafe-creme-700: #715346;
--color-cafe-creme-800: #533c33;
--color-cafe-creme-900: #3a2923;
--color-cafe-creme-950: #241712;
}SCSS
$cafe-creme: #bb9280;
$cafe-creme-rgb: 187, 146, 128;
$cafe-creme-light: mix(#fff, $cafe-creme, 20%);
$cafe-creme-dark: mix(#000, $cafe-creme, 20%);
.element {
color: $cafe-creme;
box-shadow: 0 0 0 2px rgba($cafe-creme, 0.35);
}