Màu có tên gần nhất · #BD8C00
#BD8C00
Màu có tên gần nhất: Moutarde de Bénichon
#BD8C00 (rgb(189 140 0), hsl(44 100% 37%), oklch(0.669 0.138 83.6)) gần nhất với màu có tên Moutarde de Bénichon. 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.
#BD8C00
oklch(0.669 0.138 83.6)
Chuyển đổi màu
- HEX
- #bd8c00
- RGB
- rgb(189 140 0)
- HSL
- hsl(44 100% 37%)
- HWB
- hwb(44 0% 26%)
- OKLCH
- oklch(0.669 0.138 83.6)
- OKLab
- oklab(0.669 0.015 0.137)
- CIE Lab
- lab(61.76 12.04 65.99)
- LCH
- lch(61.76 67.08 79.7)
- CMYK
- cmyk(0% 26% 100% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C49836
- CAA352
- D1AF6A
- D8BA80
- DEC696
- E5D1AB
- ECDDC0
- F2E8D5
- F9F4EA
Sắc đậm
- A47900
- 8C6700
- 745500
- 5D4300
- 473300
- 332300
- 1F1400
- 0D0700
- 020100
Sắc xám
- B78B26
- B18A37
- AB8945
- A58850
- 9F8759
- 988662
- 92856A
- 8C8372
- 868279
Hòa sắc
Bổ túc +180°
- BD8C00
Moutarde de Bénichon
- 6892E9
≈ Guilliman Blue
Tương đồng -30° +30°
- BD8C00
Moutarde de Bénichon
- D57B39
≈ Fired Up
- 959E25
≈ Pickled Cucumber
Bộ ba +120° +240°
- BD8C00
Moutarde de Bénichon
- 00A9B5
≈ Bluebird
- BE76C5
≈ Gulābī Pink
Bổ túc chia +150° +210°
- BD8C00
Moutarde de Bénichon
- 0CA1DC
≈ Vanadyl Blue
- 9A83E1
≈ Perrywinkle
Bộ bốn +90° +180° +270°
- BD8C00
Moutarde de Bénichon
- 00AE8E
≈ Hobgoblin
- 6892E9
≈ Guilliman Blue
- D46E9B
≈ Fiesta Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.03:1 · APCA Lc 57
Ag
AATrên nền đen
WCAG 6.91:1 · APCA Lc 45
Màu chữ tốt nhất: #000000
WCAG 6.91:1 (AA) · APCA Lc 45
Contrast pairs
Đoạn mã
CSS
:root {
--moutarde-de-benichon: #bd8c00;
--moutarde-de-benichon-rgb: 189 140 0;
--moutarde-de-benichon-oklch: oklch(0.669 0.138 83.6);
}
.element {
color: var(--moutarde-de-benichon);
background-color: hsl(44 100% 37%);
border-color: oklch(0.669 0.138 83.6);
}Tailwind CSS v4
@theme {
--color-moutarde-de-benichon: #bd8c00;
--color-moutarde-de-benichon-50: #fff3c9;
--color-moutarde-de-benichon-100: #fde5b4;
--color-moutarde-de-benichon-200: #efd190;
--color-moutarde-de-benichon-300: #d7b260;
--color-moutarde-de-benichon-400: #c5962a;
--color-moutarde-de-benichon-500: #b17b00;
--color-moutarde-de-benichon-600: #956900;
--color-moutarde-de-benichon-700: #785400;
--color-moutarde-de-benichon-800: #5a3c00;
--color-moutarde-de-benichon-900: #3f2900;
--color-moutarde-de-benichon-950: #281700;
}SCSS
$moutarde-de-benichon: #bd8c00;
$moutarde-de-benichon-rgb: 189, 140, 0;
$moutarde-de-benichon-light: mix(#fff, $moutarde-de-benichon, 20%);
$moutarde-de-benichon-dark: mix(#000, $moutarde-de-benichon, 20%);
.element {
color: $moutarde-de-benichon;
box-shadow: 0 0 0 2px rgba($moutarde-de-benichon, 0.35);
}