이름 색상 · #6B625B
Back Stage
Back Stage은(는) #6B625B: rgb(107 98 91), hsl(26 8% 39%), oklch(0.502 0.016 60.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Back Stage color name →
#6B625B
oklch(0.502 0.016 60.3)
색상 변환
- HEX
- #6b625b
- RGB
- rgb(107 98 91)
- HSL
- hsl(26 8% 39%)
- HWB
- hwb(26 36% 58%)
- OKLCH
- oklch(0.502 0.016 60.3)
- OKLab
- oklab(0.502 0.008 0.014)
- CIE Lab
- lab(42.25 2.73 5.36)
- LCH
- lch(42.25 6.02 63)
- CMYK
- cmyk(0% 8% 15% 58%)
틴트 · 셰이드 · 톤
틴트
- 79706A
- 877F79
- 958E89
- A39E99
- B2ADA9
- C1BDBA
- D0CDCB
- E0DEDC
- EFEEED
셰이드
- 5C544E
- 4E4741
- 3F3A35
- 322D29
- 25211E
- 181613
- 0D0B09
- 040303
- 000000
톤
- 6D655F
- 6F6862
- 716B66
- 736E6A
- 75716D
- 787471
- 7A7775
- 7C7A78
- 7E7D7C
색 조화
보색 +180°
- 6B625B
Back Stage
- 5C656C
≈ Slate Grey
유사색 -30° +30°
- 6B625B
Back Stage
- 6D615F
≈ Browse Brown
- 67645A
≈ Cast Iron
삼각 배색 +120° +240°
- 6B625B
Back Stage
- 5B6764
≈ Brooklyn
- 65626C
≈ Muted Mulberry
분열 보색 +150° +210°
- 6B625B
Back Stage
- 5A6769
≈ Whale Grey
- 60646D
≈ Shuttle Grey
사각 배색 +90° +180° +270°
- 6B625B
Back Stage
- 5E675F
≈ Pine Mountain
- 5C656C
≈ Slate Grey
- 696168
≈ Blackwater Park
대비 및 접근성
Ag
AA흰색 위
WCAG 5.96:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.52:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 5.96:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--back-stage: #6b625b;
--back-stage-rgb: 107 98 91;
--back-stage-oklch: oklch(0.502 0.016 60.3);
}
.element {
color: var(--back-stage);
background-color: hsl(26 8% 39%);
border-color: oklch(0.502 0.016 60.3);
}Tailwind CSS v4
@theme {
--color-back-stage: #6b625b;
--color-back-stage-50: #f9f4f1;
--color-back-stage-100: #ece7e3;
--color-back-stage-200: #d9d3cd;
--color-back-stage-300: #beb6af;
--color-back-stage-400: #a69c95;
--color-back-stage-500: #8e847c;
--color-back-stage-600: #787069;
--color-back-stage-700: #605954;
--color-back-stage-800: #47413d;
--color-back-stage-900: #312d2a;
--color-back-stage-950: #1d1a18;
}SCSS
$back-stage: #6b625b;
$back-stage-rgb: 107, 98, 91;
$back-stage-light: mix(#fff, $back-stage, 20%);
$back-stage-dark: mix(#000, $back-stage, 20%);
.element {
color: $back-stage;
box-shadow: 0 0 0 2px rgba($back-stage, 0.35);
}