Màu có tên gần nhất · #BB8B00
#BB8B00
Màu có tên gần nhất: Moutarde de Bénichon
#BB8B00 (rgb(187 139 0), hsl(45 100% 37%), oklch(0.665 0.137 84)) 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.
#BB8B00
oklch(0.665 0.137 84)
Chuyển đổi màu
- HEX
- #bb8b00
- RGB
- rgb(187 139 0)
- HSL
- hsl(45 100% 37%)
- HWB
- hwb(45 0% 27%)
- OKLCH
- oklch(0.665 0.137 84)
- OKLab
- oklab(0.665 0.014 0.136)
- CIE Lab
- lab(61.28 11.67 65.55)
- LCH
- lch(61.28 66.58 79.9)
- CMYK
- cmyk(0% 26% 100% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C29735
- C9A252
- D0AE6A
- D7BA80
- DDC596
- E4D1AB
- EBDCC0
- F2E8D5
- F8F3EA
Sắc đậm
- A27800
- 8A6600
- 735400
- 5C4300
- 463200
- 322300
- 1F1400
- 0D0700
- 020100
Sắc xám
- B58A25
- AF8A37
- A98944
- A3884F
- 9E8759
- 988662
- 92846A
- 8C8372
- 868279
Hòa sắc
Bổ túc +180°
- BB8B00
Moutarde de Bénichon
- 6891E7
≈ Guilliman Blue
Tương đồng -30° +30°
- BB8B00
Moutarde de Bénichon
- D37A38
≈ Fired Up
- 939C25
≈ Limetta
Bộ ba +120° +240°
- BB8B00
Moutarde de Bénichon
- 00A7B4
≈ Exotic Sea
- BC75C3
≈ Lavendless
Bổ túc chia +150° +210°
- BB8B00
Moutarde de Bénichon
- 0FA0DA
≈ Vanadyl Blue
- 9981DF
≈ Indigo Bloom
Bộ bốn +90° +180° +270°
- BB8B00
Moutarde de Bénichon
- 00AC8E
≈ Arcadia
- 6891E7
≈ Guilliman Blue
- D36D9A
≈ Fuchsia Kiss
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.08:1 · APCA Lc 58
Ag
AATrên nền đen
WCAG 6.80:1 · APCA Lc 44
Màu chữ tốt nhất: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
Đoạn mã
CSS
:root {
--moutarde-de-benichon: #bb8b00;
--moutarde-de-benichon-rgb: 187 139 0;
--moutarde-de-benichon-oklch: oklch(0.665 0.137 84);
}
.element {
color: var(--moutarde-de-benichon);
background-color: hsl(45 100% 37%);
border-color: oklch(0.665 0.137 84);
}Tailwind CSS v4
@theme {
--color-moutarde-de-benichon: #bb8b00;
--color-moutarde-de-benichon-50: #fff3c9;
--color-moutarde-de-benichon-100: #fce5b4;
--color-moutarde-de-benichon-200: #eed190;
--color-moutarde-de-benichon-300: #d7b261;
--color-moutarde-de-benichon-400: #c4962b;
--color-moutarde-de-benichon-500: #b07c00;
--color-moutarde-de-benichon-600: #956900;
--color-moutarde-de-benichon-700: #775400;
--color-moutarde-de-benichon-800: #5a3c00;
--color-moutarde-de-benichon-900: #3f2900;
--color-moutarde-de-benichon-950: #281700;
}SCSS
$moutarde-de-benichon: #bb8b00;
$moutarde-de-benichon-rgb: 187, 139, 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);
}