Nazwany kolor · #7C787B
Cinder Fox
Cinder Fox to #7C787B: rgb(124 120 123), hsl(315 2% 48%), oklch(0.577 0.007 334.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Cinder Fox color name →
#7C787B
oklch(0.577 0.007 334.1)
Konwersje koloru
- HEX
- #7c787b
- RGB
- rgb(124 120 123)
- HSL
- hsl(315 2% 48%)
- HWB
- hwb(315 47% 51%)
- OKLCH
- oklch(0.577 0.007 334.1)
- OKLab
- oklab(0.577 0.006 -0.003)
- CIE Lab
- lab(50.86 2.02 -1.08)
- LCH
- lch(50.86 2.29 331.9)
- CMYK
- cmyk(0% 3% 1% 51%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 888587
- 959194
- A19FA1
- AEACAE
- BBB9BB
- C9C7C8
- D6D5D6
- E3E3E3
- F1F1F1
Odcienie ciemniejsze
- 6B676A
- 5A575A
- 4A484A
- 3B393A
- 2C2A2C
- 1E1D1E
- 111010
- 050505
- 010101
Tony
- 7C797B
- 7D7A7C
- 7D7A7C
- 7E7B7D
- 7E7C7D
- 7E7D7E
- 7F7E7E
- 7F7E7F
- 807F7F
Harmonie kolorów
Komplementarna +180°
- 7C787B
Cinder Fox
- 777B78
≈ Legendary Grey
Analogowa -30° +30°
- 7C787B
Cinder Fox
- 7A787D
≈ Special Grey
- 7D7879
≈ Cinder Fox
Triada +120° +240°
- 7C787B
Cinder Fox
- 7B7975
≈ Legendary Grey
- 757A7C
≈ Philosophical
Komplementarna rozszczepiona +150° +210°
- 7C787B
Cinder Fox
- 787A76
≈ Legendary Grey
- 757B7A
≈ Gotham City
Tetrada +90° +180° +270°
- 7C787B
Cinder Fox
- 7C7975
≈ Amazon Stone
- 777B78
≈ Legendary Grey
- 767A7D
≈ Philosophical
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.34:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.82:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--cinder-fox: #7c787b;
--cinder-fox-rgb: 124 120 123;
--cinder-fox-oklch: oklch(0.577 0.007 334.1);
}
.element {
color: var(--cinder-fox);
background-color: hsl(315 2% 48%);
border-color: oklch(0.577 0.007 334.1);
}Tailwind CSS v4
@theme {
--color-cinder-fox: #7c787b;
--color-cinder-fox-50: #f6f4f6;
--color-cinder-fox-100: #e9e7e9;
--color-cinder-fox-200: #d6d3d5;
--color-cinder-fox-300: #bab6b9;
--color-cinder-fox-400: #a19da0;
--color-cinder-fox-500: #898588;
--color-cinder-fox-600: #747073;
--color-cinder-fox-700: #5d5a5c;
--color-cinder-fox-800: #444143;
--color-cinder-fox-900: #2f2d2e;
--color-cinder-fox-950: #1b1a1b;
}SCSS
$cinder-fox: #7c787b;
$cinder-fox-rgb: 124, 120, 123;
$cinder-fox-light: mix(#fff, $cinder-fox, 20%);
$cinder-fox-dark: mix(#000, $cinder-fox, 20%);
.element {
color: $cinder-fox;
box-shadow: 0 0 0 2px rgba($cinder-fox, 0.35);
}