Najbliższy nazwany kolor · #78686C
#78686C
Najbliższy nazwany kolor: Chimaera
#78686C (rgb(120 104 108), hsl(345 7% 44%), oklch(0.534 0.021 1)) jest najbliższy nazwanemu kolorowi Chimaera. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#78686C
oklch(0.534 0.021 1)
Konwersje koloru
- HEX
- #78686c
- RGB
- rgb(120 104 108)
- HSL
- hsl(345 7% 44%)
- HWB
- hwb(345 41% 53%)
- OKLCH
- oklch(0.534 0.021 1)
- OKLab
- oklab(0.534 0.021 0)
- CIE Lab
- lab(45.65 7.1 0.21)
- LCH
- lch(45.65 7.1 1.7)
- CMYK
- cmyk(0% 13% 10% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 85767A
- 928487
- 9F9396
- ACA1A4
- B9B1B3
- C7C0C2
- D5CFD1
- E3DFE0
- F1EFEF
Odcienie ciemniejsze
- 67595D
- 574B4E
- 483E40
- 393032
- 2A2425
- 1D1819
- 100C0D
- 050404
- 010000
Tony
- 796A6E
- 7A6D70
- 7B6F72
- 7B7274
- 7C7476
- 7D7678
- 7E797A
- 7F7B7C
- 7F7E7E
Harmonie kolorów
Komplementarna +180°
- 78686C
Chimaera
- 60716D
≈ Rocky River
Analogowa -30° +30°
- 78686C
Chimaera
- 746973
≈ Sultry Smoke
- 796965
≈ Muscatel
Triada +120° +240°
- 78686C
Chimaera
- 6B6F61
≈ Moss Beach
- 626F78
≈ Stormy Weather
Komplementarna rozszczepiona +150° +210°
- 78686C
Chimaera
- 647167
≈ Seraphinite
- 5F7074
≈ Portsmouth Blue
Tetrada +90° +180° +270°
- 78686C
Chimaera
- 716D5F
≈ King’s Court
- 60716D
≈ Rocky River
- 686C7A
≈ Wind Cave
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.25:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.99:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--chimaera: #78686c;
--chimaera-rgb: 120 104 108;
--chimaera-oklch: oklch(0.534 0.021 1);
}
.element {
color: var(--chimaera);
background-color: hsl(345 7% 44%);
border-color: oklch(0.534 0.021 1);
}Tailwind CSS v4
@theme {
--color-chimaera: #78686c;
--color-chimaera-50: #fbf3f4;
--color-chimaera-100: #eee5e7;
--color-chimaera-200: #ddd1d3;
--color-chimaera-300: #c1b3b6;
--color-chimaera-400: #aa999e;
--color-chimaera-500: #938185;
--color-chimaera-600: #7c6d71;
--color-chimaera-700: #63575a;
--color-chimaera-800: #493f42;
--color-chimaera-900: #332c2e;
--color-chimaera-950: #1e191a;
}SCSS
$chimaera: #78686c;
$chimaera-rgb: 120, 104, 108;
$chimaera-light: mix(#fff, $chimaera, 20%);
$chimaera-dark: mix(#000, $chimaera, 20%);
.element {
color: $chimaera;
box-shadow: 0 0 0 2px rgba($chimaera, 0.35);
}