Najbliższy nazwany kolor · #A79C59
#A79C59
Najbliższy nazwany kolor: Gremlin
#A79C59 (rgb(167 156 89), hsl(52 31% 50%), oklch(0.687 0.089 100.1)) jest najbliższy nazwanemu kolorowi Gremlin. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A79C59
oklch(0.687 0.089 100.1)
Konwersje koloru
- HEX
- #a79c59
- RGB
- rgb(167 156 89)
- HSL
- hsl(52 31% 50%)
- HWB
- hwb(52 35% 35%)
- OKLCH
- oklch(0.687 0.089 100.1)
- OKLab
- oklab(0.687 -0.016 0.087)
- CIE Lab
- lab(64.19 -2.82 36.4)
- LCH
- lch(64.19 36.51 94.4)
- CMYK
- cmyk(0% 7% 47% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AFA66A
- B8AF7B
- C0B98B
- C9C39C
- D2CDAC
- DBD7BD
- E4E1CD
- EDEBDE
- F6F5EE
Odcienie ciemniejsze
- 91874C
- 7B7340
- 665F34
- 524C28
- 3E391D
- 2C2813
- 1A1809
- 0A0903
- 010100
Tony
- A3995E
- 9F9763
- 9B9467
- 97916B
- 938E6F
- 8F8B73
- 8B8976
- 88867A
- 84837D
Harmonie kolorów
Komplementarna +180°
- A79C59
Gremlin
- 9094D1
≈ Portage
Analogowa -30° +30°
- A79C59
Gremlin
- BE915C
≈ Bosc Pear
- 88A66B
≈ Virtual Forest
Triada +120° +240°
- A79C59
Gremlin
- 54A7C1
≈ Pottery Blue
- C085AC
≈ Joie de Vivre
Komplementarna rozszczepiona +150° +210°
- A79C59
Gremlin
- 709FD0
≈ Blue Electress
- AB8BC4
≈ East Side
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.54:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--gremlin: #a79c59;
--gremlin-rgb: 167 156 89;
--gremlin-oklch: oklch(0.687 0.089 100.1);
}
.element {
color: var(--gremlin);
background-color: hsl(52 31% 50%);
border-color: oklch(0.687 0.089 100.1);
}Tailwind CSS v4
@theme {
--color-gremlin: #a79c59;
--color-gremlin-50: #faf7da;
--color-gremlin-100: #edeac8;
--color-gremlin-200: #dbd6ab;
--color-gremlin-300: #c0ba85;
--color-gremlin-400: #aaa061;
--color-gremlin-500: #94873c;
--color-gremlin-600: #7d7334;
--color-gremlin-700: #645c29;
--color-gremlin-800: #4a431c;
--color-gremlin-900: #342e12;
--color-gremlin-950: #1f1b05;
}SCSS
$gremlin: #a79c59;
$gremlin-rgb: 167, 156, 89;
$gremlin-light: mix(#fff, $gremlin, 20%);
$gremlin-dark: mix(#000, $gremlin, 20%);
.element {
color: $gremlin;
box-shadow: 0 0 0 2px rgba($gremlin, 0.35);
}