Nazwany kolor · #6B625B
Back Stage
Back Stage to #6B625B: rgb(107 98 91), hsl(26 8% 39%), oklch(0.502 0.016 60.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Back Stage color name →
#6B625B
oklch(0.502 0.016 60.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 79706A
- 877F79
- 958E89
- A39E99
- B2ADA9
- C1BDBA
- D0CDCB
- E0DEDC
- EFEEED
Odcienie ciemniejsze
- 5C544E
- 4E4741
- 3F3A35
- 322D29
- 25211E
- 181613
- 0D0B09
- 040303
- 000000
Tony
- 6D655F
- 6F6862
- 716B66
- 736E6A
- 75716D
- 787471
- 7A7775
- 7C7A78
- 7E7D7C
Harmonie kolorów
Komplementarna +180°
- 6B625B
Back Stage
- 5C656C
≈ Slate Grey
Analogowa -30° +30°
- 6B625B
Back Stage
- 6D615F
≈ Browse Brown
- 67645A
≈ Cast Iron
Triada +120° +240°
- 6B625B
Back Stage
- 5B6764
≈ Brooklyn
- 65626C
≈ Muted Mulberry
Komplementarna rozszczepiona +150° +210°
- 6B625B
Back Stage
- 5A6769
≈ Whale Grey
- 60646D
≈ Shuttle Grey
Tetrada +90° +180° +270°
- 6B625B
Back Stage
- 5E675F
≈ Pine Mountain
- 5C656C
≈ Slate Grey
- 696168
≈ Blackwater Park
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.96:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.52:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.96:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
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);
}