Nazwany kolor · #686959
Jungle Cloak
Jungle Cloak to #686959: rgb(104 105 89), hsl(64 8% 38%), oklch(0.515 0.024 110.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Jungle Cloak color name →
#686959
oklch(0.515 0.024 110.2)
Konwersje koloru
- HEX
- #686959
- RGB
- rgb(104 105 89)
- HSL
- hsl(64 8% 38%)
- HWB
- hwb(64 35% 59%)
- OKLCH
- oklch(0.515 0.024 110.2)
- OKLab
- oklab(0.515 -0.008 0.023)
- CIE Lab
- lab(43.96 -2.7 8.91)
- LCH
- lch(43.96 9.31 106.9)
- CMYK
- cmyk(1% 0% 15% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 767768
- 848578
- 939388
- A1A298
- B0B1A8
- C0C0B9
- CFD0CA
- DFDFDC
- EFEFED
Odcienie ciemniejsze
- 595A4C
- 4B4C40
- 3E3E34
- 303128
- 24241D
- 181813
- 0C0C09
- 040403
- 000000
Tony
- 6A6B5D
- 6D6E61
- 6F7065
- 717268
- 74746C
- 767770
- 797974
- 7B7B78
- 7E7E7C
Harmonie kolorów
Komplementarna +180°
- 686959
Jungle Cloak
- 676575
≈ London Grey
Analogowa -30° +30°
- 686959
Jungle Cloak
- 6F6658
≈ Grouchy Badger
- 606B5E
≈ Belmont Green
Triada +120° +240°
- 686959
Jungle Cloak
- 5A6A73
≈ Distance
- 736269
≈ Chimaera
Komplementarna rozszczepiona +150° +210°
- 686959
Jungle Cloak
- 5F6876
≈ Folkstone Grey
- 6E6370
≈ Vintage Grape
Tetrada +90° +180° +270°
- 686959
Jungle Cloak
- 586C6D
≈ Blue Ballet
- 676575
≈ London Grey
- 756262
≈ Burnt Grape
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.59:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.75:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--jungle-cloak: #686959;
--jungle-cloak-rgb: 104 105 89;
--jungle-cloak-oklch: oklch(0.515 0.024 110.2);
}
.element {
color: var(--jungle-cloak);
background-color: hsl(64 8% 38%);
border-color: oklch(0.515 0.024 110.2);
}Tailwind CSS v4
@theme {
--color-jungle-cloak: #686959;
--color-jungle-cloak-50: #f5f6ee;
--color-jungle-cloak-100: #e8e9e0;
--color-jungle-cloak-200: #d4d5ca;
--color-jungle-cloak-300: #b7b9ab;
--color-jungle-cloak-400: #9fa090;
--color-jungle-cloak-500: #878875;
--color-jungle-cloak-600: #727364;
--color-jungle-cloak-700: #5b5c4f;
--color-jungle-cloak-800: #434339;
--color-jungle-cloak-900: #2e2e27;
--color-jungle-cloak-950: #1b1b16;
}SCSS
$jungle-cloak: #686959;
$jungle-cloak-rgb: 104, 105, 89;
$jungle-cloak-light: mix(#fff, $jungle-cloak, 20%);
$jungle-cloak-dark: mix(#000, $jungle-cloak, 20%);
.element {
color: $jungle-cloak;
box-shadow: 0 0 0 2px rgba($jungle-cloak, 0.35);
}