Najbliższy nazwany kolor · #686D00
#686D00
Najbliższy nazwany kolor: Topiary Green
#686D00 (rgb(104 109 0), hsl(63 100% 21%), oklch(0.513 0.114 112.9)) jest najbliższy nazwanemu kolorowi Topiary Green. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#686D00
oklch(0.513 0.114 112.9)
Konwersje koloru
- HEX
- #686d00
- RGB
- rgb(104 109 0)
- HSL
- hsl(63 100% 21%)
- HWB
- hwb(63 0% 57%)
- OKLCH
- oklch(0.513 0.114 112.9)
- OKLab
- oklab(0.513 -0.044 0.105)
- CIE Lab
- lab(44.29 -10.77 49.37)
- LCH
- lch(44.29 50.53 102.3)
- CMYK
- cmyk(5% 0% 100% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 767B2B
- 848945
- 92975D
- A1A674
- B0B48B
- BFC3A2
- CFD2B9
- DFE1D0
- EFF0E7
Odcienie ciemniejsze
- 595E00
- 4B4F00
- 3E4100
- 303300
- 242600
- 181900
- 0C0D00
- 040400
- 000100
Tony
- 6A6F1D
- 6C712D
- 6F733A
- 717545
- 737750
- 76795A
- 787B64
- 7B7D6D
- 7D7E77
Harmonie kolorów
Komplementarna +180°
- 686D00
Topiary Green
- 6A59A2
≈ Sumire Violet
Analogowa -30° +30°
- 686D00
Topiary Green
- 846000
≈ Rat Brown
- 3B7738
≈ Cucumber Queen
Triada +120° +240°
- 686D00
Topiary Green
- 007099
≈ Tofino Belue
- 97486D
≈ Befitting
Komplementarna rozszczepiona +150° +210°
- 686D00
Topiary Green
- 4365A8
≈ Starstruck
- 864E8D
≈ Voodoo Violet
Tetrada +90° +180° +270°
- 686D00
Topiary Green
- 00757D
≈ Scurf Green
- 6A59A2
≈ Sumire Violet
- 9E4947
≈ Roof Terracotta
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.56:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.77:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.56:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--topiary-green: #686d00;
--topiary-green-rgb: 104 109 0;
--topiary-green-oklch: oklch(0.513 0.114 112.9);
}
.element {
color: var(--topiary-green);
background-color: hsl(63 100% 21%);
border-color: oklch(0.513 0.114 112.9);
}Tailwind CSS v4
@theme {
--color-topiary-green: #686d00;
--color-topiary-green-50: #f4fad5;
--color-topiary-green-100: #e6edc2;
--color-topiary-green-200: #d2dba3;
--color-topiary-green-300: #b5bf7a;
--color-topiary-green-400: #9fa651;
--color-topiary-green-500: #878d22;
--color-topiary-green-600: #727820;
--color-topiary-green-700: #5b6019;
--color-topiary-green-800: #44460e;
--color-topiary-green-900: #2f3009;
--color-topiary-green-950: #1c1c00;
}SCSS
$topiary-green: #686d00;
$topiary-green-rgb: 104, 109, 0;
$topiary-green-light: mix(#fff, $topiary-green, 20%);
$topiary-green-dark: mix(#000, $topiary-green, 20%);
.element {
color: $topiary-green;
box-shadow: 0 0 0 2px rgba($topiary-green, 0.35);
}