Màu có tên gần nhất · #9E8D52
#9E8D52
Màu có tên gần nhất: Backroom Ember
#9E8D52 (rgb(158 141 82), hsl(47 32% 47%), oklch(0.645 0.081 93.8)) gần nhất với màu có tên Backroom Ember. 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.
#9E8D52
oklch(0.645 0.081 93.8)
Chuyển đổi màu
- HEX
- #9e8d52
- RGB
- rgb(158 141 82)
- HSL
- hsl(47 32% 47%)
- HWB
- hwb(47 32% 38%)
- OKLCH
- oklch(0.645 0.081 93.8)
- OKLab
- oklab(0.645 -0.005 0.081)
- CIE Lab
- lab(59.17 0.55 33.74)
- LCH
- lch(59.17 33.74 89.1)
- CMYK
- cmyk(0% 11% 48% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A79864
- B1A375
- BAAE86
- C4BA97
- CDC5A8
- D7D0B9
- E1DCCA
- EBE8DC
- F5F3ED
Sắc đậm
- 897A46
- 74673B
- 60552F
- 4D4425
- 3A331A
- 292311
- 181408
- 090702
- 010100
Sắc xám
- 9B8C58
- 988B5D
- 958962
- 928867
- 8F876B
- 8C8670
- 898474
- 868378
- 83817C
Hòa sắc
Bổ túc +180°
- 9E8D52
Backroom Ember
- 7E8AC0
≈ Iolite
Tương đồng -30° +30°
- 9E8D52
Backroom Ember
- B18358
≈ Choco Biscuit
- 83965E
≈ Pretty Maiden
Bộ ba +120° +240°
- 9E8D52
Backroom Ember
- 4C9BAC
≈ Summer Turquoise Blue
- AC7BA2
≈ Usu Pink
Bổ túc chia +150° +210°
- 9E8D52
Backroom Ember
- 6193BC
≈ Blue Marble
- 9882B6
≈ Bougainvillaea
Bộ bốn +90° +180° +270°
- 9E8D52
Backroom Ember
- 4D9E93
≈ Tourmaline Turquoise
- 7E8AC0
≈ Iolite
- B87988
≈ Mauve Seductress
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.28:1 · APCA Lc 60
Ag
AATrên nền đen
WCAG 6.38:1 · APCA Lc 42
Màu chữ tốt nhất: #000000
WCAG 6.38:1 (AA) · APCA Lc 42
Contrast pairs
Đoạn mã
CSS
:root {
--backroom-ember: #9e8d52;
--backroom-ember-rgb: 158 141 82;
--backroom-ember-oklch: oklch(0.645 0.081 93.8);
}
.element {
color: var(--backroom-ember);
background-color: hsl(47 32% 47%);
border-color: oklch(0.645 0.081 93.8);
}Tailwind CSS v4
@theme {
--color-backroom-ember: #9e8d52;
--color-backroom-ember-50: #fcf6dc;
--color-backroom-ember-100: #f0e8ca;
--color-backroom-ember-200: #ded5ae;
--color-backroom-ember-300: #c4b888;
--color-backroom-ember-400: #ae9e66;
--color-backroom-ember-500: #988543;
--color-backroom-ember-600: #80713a;
--color-backroom-ember-700: #675a2e;
--color-backroom-ember-800: #4c411f;
--color-backroom-ember-900: #352d15;
--color-backroom-ember-950: #201a06;
}SCSS
$backroom-ember: #9e8d52;
$backroom-ember-rgb: 158, 141, 82;
$backroom-ember-light: mix(#fff, $backroom-ember, 20%);
$backroom-ember-dark: mix(#000, $backroom-ember, 20%);
.element {
color: $backroom-ember;
box-shadow: 0 0 0 2px rgba($backroom-ember, 0.35);
}