Màu có tên gần nhất · #9B8C50
#9B8C50
Màu có tên gần nhất: Backroom Ember
#9B8C50 (rgb(155 140 80), hsl(48 32% 46%), oklch(0.64 0.082 95.7)) 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.
#9B8C50
oklch(0.64 0.082 95.7)
Chuyển đổi màu
- HEX
- #9b8c50
- RGB
- rgb(155 140 80)
- HSL
- hsl(48 32% 46%)
- HWB
- hwb(48 31% 39%)
- OKLCH
- oklch(0.64 0.082 95.7)
- OKLab
- oklab(0.64 -0.008 0.081)
- CIE Lab
- lab(58.58 -0.37 33.99)
- LCH
- lch(58.58 34 90.6)
- CMYK
- cmyk(0% 10% 48% 39%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A59762
- AEA273
- B8AE84
- C2B996
- CCC4A7
- D6D0B8
- E0DCCA
- EAE7DB
- F5F3ED
Sắc đậm
- 867944
- 726739
- 5E552E
- 4B4324
- 39331A
- 282310
- 181407
- 090702
- 010100
Sắc xám
- 988B56
- 958A5B
- 938961
- 908866
- 8D866A
- 8B856F
- 888473
- 858378
- 83817C
Hòa sắc
Bổ túc +180°
- 9B8C50
Backroom Ember
- 7E88BE
≈ Iolite
Tương đồng -30° +30°
- 9B8C50
Backroom Ember
- AE8255
≈ Cool Copper
- 80955E
≈ Pretty Maiden
Bộ ba +120° +240°
- 9B8C50
Backroom Ember
- 4A99AC
≈ Alpine Lake
- AC799F
≈ Usu Pink
Bổ túc chia +150° +210°
- 9B8C50
Backroom Ember
- 6191BB
≈ Scuba
- 987FB4
≈ Plum Burst
Bộ bốn +90° +180° +270°
- 9B8C50
Backroom Ember
- 4A9C93
≈ Lagoon
- 7E88BE
≈ Iolite
- B77785
≈ Mauve Seductress
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.35:1 · APCA Lc 61
Ag
AATrên nền đen
WCAG 6.26:1 · APCA Lc 41
Màu chữ tốt nhất: #000000
WCAG 6.26:1 (AA) · APCA Lc 41
Contrast pairs
Đoạn mã
CSS
:root {
--backroom-ember: #9b8c50;
--backroom-ember-rgb: 155 140 80;
--backroom-ember-oklch: oklch(0.64 0.082 95.7);
}
.element {
color: var(--backroom-ember);
background-color: hsl(48 32% 46%);
border-color: oklch(0.64 0.082 95.7);
}Tailwind CSS v4
@theme {
--color-backroom-ember: #9b8c50;
--color-backroom-ember-50: #fbf6dc;
--color-backroom-ember-100: #efe9ca;
--color-backroom-ember-200: #ddd5ae;
--color-backroom-ember-300: #c2b888;
--color-backroom-ember-400: #ad9f66;
--color-backroom-ember-500: #968642;
--color-backroom-ember-600: #7f7139;
--color-backroom-ember-700: #665b2d;
--color-backroom-ember-800: #4c421f;
--color-backroom-ember-900: #352d14;
--color-backroom-ember-950: #201a06;
}SCSS
$backroom-ember: #9b8c50;
$backroom-ember-rgb: 155, 140, 80;
$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);
}