가장 가까운 이름 색상 · #9B8C50
#9B8C50
가장 가까운 이름 색상: Backroom Ember
#9B8C50(rgb(155 140 80), hsl(48 32% 46%), oklch(0.64 0.082 95.7))와 가장 가까운 이름 색상은 Backroom Ember입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9B8C50
oklch(0.64 0.082 95.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A59762
- AEA273
- B8AE84
- C2B996
- CCC4A7
- D6D0B8
- E0DCCA
- EAE7DB
- F5F3ED
셰이드
- 867944
- 726739
- 5E552E
- 4B4324
- 39331A
- 282310
- 181407
- 090702
- 010100
톤
- 988B56
- 958A5B
- 938961
- 908866
- 8D866A
- 8B856F
- 888473
- 858378
- 83817C
색 조화
보색 +180°
- 9B8C50
Backroom Ember
- 7E88BE
≈ Iolite
유사색 -30° +30°
- 9B8C50
Backroom Ember
- AE8255
≈ Cool Copper
- 80955E
≈ Pretty Maiden
삼각 배색 +120° +240°
- 9B8C50
Backroom Ember
- 4A99AC
≈ Alpine Lake
- AC799F
≈ Usu Pink
분열 보색 +150° +210°
- 9B8C50
Backroom Ember
- 6191BB
≈ Scuba
- 987FB4
≈ Plum Burst
사각 배색 +90° +180° +270°
- 9B8C50
Backroom Ember
- 4A9C93
≈ Lagoon
- 7E88BE
≈ Iolite
- B77785
≈ Mauve Seductress
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.35:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.26:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.26:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
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);
}