Màu có tên gần nhất · #C0B891
#C0B891
Màu có tên gần nhất: Beach Dune
#C0B891 (rgb(192 184 145), hsl(50 27% 66%), oklch(0.779 0.054 97.8)) gần nhất với màu có tên Beach Dune. 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.
#C0B891
oklch(0.779 0.054 97.8)
Chuyển đổi màu
- HEX
- #c0b891
- RGB
- rgb(192 184 145)
- HSL
- hsl(50 27% 66%)
- HWB
- hwb(50 57% 25%)
- OKLCH
- oklch(0.779 0.054 97.8)
- OKLab
- oklab(0.779 -0.007 0.053)
- CIE Lab
- lab(74.7 -1.71 20.98)
- LCH
- lch(74.7 21.04 94.7)
- CMYK
- cmyk(0% 4% 24% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C6BF9C
- CCC6A7
- D2CDB2
- D9D4BC
- DFDBC7
- E5E2D2
- ECE9DD
- F2F1E9
- F9F8F4
Sắc đậm
- A7A07D
- 8E886A
- 767158
- 5F5B46
- 494535
- 343125
- 201E15
- 0E0C07
- 020201
Sắc xám
- B9B290
- B3AD8E
- ACA78C
- A6A18B
- 9F9C89
- 999687
- 939186
- 8C8B84
- 868582
Hòa sắc
Bổ túc +180°
- C0B891
Beach Dune
- AEB5DA
≈ Sassy Violet
Tương đồng -30° +30°
- C0B891
Beach Dune
- CFB193
≈ Beige Ganesh
- ADBE9A
≈ Rolling Glen
Bộ ba +120° +240°
- C0B891
Beach Dune
- 91C0CE
≈ Blue Chalk
- CFABC3
≈ Winsome Orchid
Bổ túc chia +150° +210°
- C0B891
Beach Dune
- 9DBBD8
≈ Wings of Pegasus
- C0AFD2
≈ Vintage Bloom
Bộ bốn +90° +180° +270°
- C0B891
Beach Dune
- 90C3BD
≈ Focus Point
- AEB5DA
≈ Sassy Violet
- D7AAB1
≈ Pink Nectar
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.99:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.50:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.50:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
CSS
:root {
--beach-dune: #c0b891;
--beach-dune-rgb: 192 184 145;
--beach-dune-oklch: oklch(0.779 0.054 97.8);
}
.element {
color: var(--beach-dune);
background-color: hsl(50 27% 66%);
border-color: oklch(0.779 0.054 97.8);
}Tailwind CSS v4
@theme {
--color-beach-dune: #c0b891;
--color-beach-dune-50: #f8f6e5;
--color-beach-dune-100: #ece9d5;
--color-beach-dune-200: #d9d5bb;
--color-beach-dune-300: #bdb899;
--color-beach-dune-400: #a79f7b;
--color-beach-dune-500: #8f875d;
--color-beach-dune-600: #797250;
--color-beach-dune-700: #615b3f;
--color-beach-dune-800: #48422d;
--color-beach-dune-900: #322e1e;
--color-beach-dune-950: #1e1b0e;
}SCSS
$beach-dune: #c0b891;
$beach-dune-rgb: 192, 184, 145;
$beach-dune-light: mix(#fff, $beach-dune, 20%);
$beach-dune-dark: mix(#000, $beach-dune, 20%);
.element {
color: $beach-dune;
box-shadow: 0 0 0 2px rgba($beach-dune, 0.35);
}