Màu có tên gần nhất · #BC8D21
#BC8D21
Màu có tên gần nhất: Nugget
#BC8D21 (rgb(188 141 33), hsl(42 70% 43%), oklch(0.671 0.129 82.7)) gần nhất với màu có tên Nugget. 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.
#BC8D21
oklch(0.671 0.129 82.7)
Chuyển đổi màu
- HEX
- #bc8d21
- RGB
- rgb(188 141 33)
- HSL
- hsl(42 70% 43%)
- HWB
- hwb(42 13% 26%)
- OKLCH
- oklch(0.671 0.129 82.7)
- OKLab
- oklab(0.671 0.016 0.127)
- CIE Lab
- lab(61.98 11.51 59.32)
- LCH
- lch(61.98 60.43 79)
- CMYK
- cmyk(0% 25% 82% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C39841
- CAA45A
- D0AF70
- D7BB85
- DEC69A
- E5D1AE
- EBDDC2
- F2E8D6
- F8F4EB
Sắc đậm
- A37A1B
- 8B6716
- 735510
- 5D440B
- 473306
- 322303
- 1F1401
- 0D0700
- 020100
Sắc xám
- B68C33
- B08B41
- AA8A4B
- A48955
- 9E885D
- 988665
- 92856C
- 8C8373
- 86827A
Hòa sắc
Bổ túc +180°
- BC8D21
Nugget
- 6B94E4
≈ Guilliman Blue
Tương đồng -30° +30°
- BC8D21
Nugget
- D27D43
≈ Pumpkin Bread
- 979D32
≈ Pickled Cucumber
Bộ ba +120° +240°
- BC8D21
Nugget
- 00AAB4
≈ Bluebird
- BB79C4
≈ Gulābī Pink
Bổ túc chia +150° +210°
- BC8D21
Nugget
- 25A2D7
≈ Blue Damselfly
- 9985DD
≈ Perrywinkle
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 3.01:1 · APCA Lc 57
Ag
AATrên nền đen
WCAG 6.97:1 · APCA Lc 45
Màu chữ tốt nhất: #000000
WCAG 6.97:1 (AA) · APCA Lc 45
Contrast pairs
Đoạn mã
CSS
:root {
--nugget: #bc8d21;
--nugget-rgb: 188 141 33;
--nugget-oklch: oklch(0.671 0.129 82.7);
}
.element {
color: var(--nugget);
background-color: hsl(42 70% 43%);
border-color: oklch(0.671 0.129 82.7);
}Tailwind CSS v4
@theme {
--color-nugget: #bc8d21;
--color-nugget-50: #fff3cc;
--color-nugget-100: #fce5b7;
--color-nugget-200: #eed195;
--color-nugget-300: #d6b267;
--color-nugget-400: #c39737;
--color-nugget-500: #af7c00;
--color-nugget-600: #946900;
--color-nugget-700: #775400;
--color-nugget-800: #593c00;
--color-nugget-900: #3e2a00;
--color-nugget-950: #271700;
}SCSS
$nugget: #bc8d21;
$nugget-rgb: 188, 141, 33;
$nugget-light: mix(#fff, $nugget, 20%);
$nugget-dark: mix(#000, $nugget, 20%);
.element {
color: $nugget;
box-shadow: 0 0 0 2px rgba($nugget, 0.35);
}