Màu có tên gần nhất · #C4B994
#C4B994
Màu có tên gần nhất: Beach Dune
#C4B994 (rgb(196 185 148), hsl(46 29% 67%), oklch(0.785 0.052 93.5)) 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.
#C4B994
oklch(0.785 0.052 93.5)
Chuyển đổi màu
- HEX
- #c4b994
- RGB
- rgb(196 185 148)
- HSL
- hsl(46 29% 67%)
- HWB
- hwb(46 58% 23%)
- OKLCH
- oklch(0.785 0.052 93.5)
- OKLab
- oklab(0.785 -0.003 0.051)
- CIE Lab
- lab(75.36 -0.33 20.34)
- LCH
- lch(75.36 20.34 90.9)
- CMYK
- cmyk(0% 6% 24% 23%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CAC09F
- D0C7A9
- D5CEB4
- DBD5BE
- E1DCC9
- E7E3D4
- EDEADE
- F3F1E9
- F9F8F4
Sắc đậm
- AAA080
- 91896D
- 78715A
- 615B48
- 4A4636
- 353126
- 211E16
- 0E0D08
- 020201
Sắc xám
- BDB392
- B6AD90
- AFA88E
- A8A28C
- A19C8B
- 9B9688
- 949186
- 8D8B84
- 878682
Hòa sắc
Bổ túc +180°
- C4B994
Beach Dune
- AEB7DB
≈ Sassy Violet
Tương đồng -30° +30°
- C4B994
Beach Dune
- D1B397
≈ Cashmere
- B2BF9B
≈ Pale Spring Morning
Bộ ba +120° +240°
- C4B994
Beach Dune
- 93C2CD
≈ Cosmic Blue
- CEADC7
≈ Winsome Orchid
Bổ túc chia +150° +210°
- C4B994
Beach Dune
- 9DBED8
≈ Bluette
- C0B2D5
≈ Moonraker
Bộ bốn +90° +180° +270°
- C4B994
Beach Dune
- 95C4BC
≈ Focus Point
- AEB7DB
≈ Sassy Violet
- D7ACB5
≈ Pink Nectar
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.95:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.71:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--beach-dune: #c4b994;
--beach-dune-rgb: 196 185 148;
--beach-dune-oklch: oklch(0.785 0.052 93.5);
}
.element {
color: var(--beach-dune);
background-color: hsl(46 29% 67%);
border-color: oklch(0.785 0.052 93.5);
}Tailwind CSS v4
@theme {
--color-beach-dune: #c4b994;
--color-beach-dune-50: #f9f5e5;
--color-beach-dune-100: #ede8d5;
--color-beach-dune-200: #dbd5bc;
--color-beach-dune-300: #bfb89a;
--color-beach-dune-400: #a89e7c;
--color-beach-dune-500: #92865f;
--color-beach-dune-600: #7b7151;
--color-beach-dune-700: #635b40;
--color-beach-dune-800: #49422e;
--color-beach-dune-900: #322e1f;
--color-beach-dune-950: #1e1a0f;
}SCSS
$beach-dune: #c4b994;
$beach-dune-rgb: 196, 185, 148;
$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);
}