Màu có tên gần nhất · #BFA16D
#BFA16D
Màu có tên gần nhất: Silence Is Golden
#BFA16D (rgb(191 161 109), hsl(38 39% 59%), oklch(0.724 0.078 80.8)) gần nhất với màu có tên Silence Is Golden. 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.
#BFA16D
oklch(0.724 0.078 80.8)
Chuyển đổi màu
- HEX
- #bfa16d
- RGB
- rgb(191 161 109)
- HSL
- hsl(38 39% 59%)
- HWB
- hwb(38 43% 25%)
- OKLCH
- oklch(0.724 0.078 80.8)
- OKLab
- oklab(0.724 0.012 0.077)
- CIE Lab
- lab(68.07 6.22 31.39)
- LCH
- lch(68.07 32 78.8)
- CMYK
- cmyk(0% 16% 43% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C5AA7C
- CCB38A
- D2BD99
- D9C6A7
- DFD0B6
- E5D9C4
- ECE2D3
- F2ECE1
- F9F5F0
Sắc đậm
- A68B5E
- 8D764F
- 756241
- 5E4E33
- 483C26
- 332A19
- 1F190D
- 0D0904
- 020101
Sắc xám
- B99E70
- B29B72
- AC9774
- A59476
- 9F9178
- 998D7A
- 938A7C
- 8C877D
- 86837F
Hòa sắc
Bổ túc +180°
- BFA16D
Silence Is Golden
- 8AA7D7
≈ Rip Van Periwinkle
Tương đồng -30° +30°
- BFA16D
Silence Is Golden
- CE9879
≈ Sweet Almond
- A8AB71
≈ Wasabi Green
Bộ ba +120° +240°
- BFA16D
Silence Is Golden
- 66B5B9
≈ Adonis
- BC96C4
≈ Atlantic Tulip
Bổ túc chia +150° +210°
- BFA16D
Silence Is Golden
- 71AFCE
≈ Aspara
- A59ED3
≈ Simply Violet
Bộ bốn +90° +180° +270°
- BFA16D
Silence Is Golden
- 72B69F
≈ Turtle Lake
- 8AA7D7
≈ Rip Van Periwinkle
- CC92AC
≈ Moonlit Mauve
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.46:1 · APCA Lc 48
Ag
AAATrên nền đen
WCAG 8.53:1 · APCA Lc 54
Màu chữ tốt nhất: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
Đoạn mã
CSS
:root {
--silence-is-golden: #bfa16d;
--silence-is-golden-rgb: 191 161 109;
--silence-is-golden-oklch: oklch(0.724 0.078 80.8);
}
.element {
color: var(--silence-is-golden);
background-color: hsl(38 39% 59%);
border-color: oklch(0.724 0.078 80.8);
}Tailwind CSS v4
@theme {
--color-silence-is-golden: #bfa16d;
--color-silence-is-golden-50: #fff4dd;
--color-silence-is-golden-100: #f5e6cb;
--color-silence-is-golden-200: #e5d2af;
--color-silence-is-golden-300: #cbb48a;
--color-silence-is-golden-400: #b69a69;
--color-silence-is-golden-500: #a18147;
--color-silence-is-golden-600: #886d3d;
--color-silence-is-golden-700: #6d5730;
--color-silence-is-golden-800: #513f22;
--color-silence-is-golden-900: #382b16;
--color-silence-is-golden-950: #231908;
}SCSS
$silence-is-golden: #bfa16d;
$silence-is-golden-rgb: 191, 161, 109;
$silence-is-golden-light: mix(#fff, $silence-is-golden, 20%);
$silence-is-golden-dark: mix(#000, $silence-is-golden, 20%);
.element {
color: $silence-is-golden;
box-shadow: 0 0 0 2px rgba($silence-is-golden, 0.35);
}