Najbliższy nazwany kolor · #767927
#767927
Najbliższy nazwany kolor: Jungle Look
#767927 (rgb(118 121 39), hsl(62 51% 31%), oklch(0.557 0.104 111.3)) jest najbliższy nazwanemu kolorowi Jungle Look. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#767927
oklch(0.557 0.104 111.3)
Konwersje koloru
- HEX
- #767927
- RGB
- rgb(118 121 39)
- HSL
- hsl(62 51% 31%)
- HWB
- hwb(62 15% 53%)
- OKLCH
- oklch(0.557 0.104 111.3)
- OKLab
- oklab(0.557 -0.038 0.097)
- CIE Lab
- lab(49.33 -9.4 42.5)
- LCH
- lch(49.33 43.53 102.5)
- CMYK
- cmyk(2% 0% 68% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 838640
- 8F9356
- 9DA06B
- AAAD80
- B8BB95
- C5C8AA
- D3D6BF
- E2E3D4
- F0F1E9
Odcienie ciemniejsze
- 666820
- 56581A
- 474814
- 38390E
- 292B08
- 1C1D04
- 0F1002
- 050501
- 010100
Tony
- 777A34
- 787B3E
- 797C48
- 7A7C51
- 7B7D59
- 7C7E62
- 7D7E69
- 7E7F71
- 7F8079
Harmonie kolorów
Komplementarna +180°
- 767927
Jungle Look
- 7468AB
≈ Clear Mauve
Analogowa -30° +30°
- 767927
Jungle Look
- 926C1D
≈ Sassy Olive
- 4F8348
≈ Guinean Green
Triada +120° +240°
- 767927
Jungle Look
- 1D7EA5
≈ Prominent Blue
- A1597B
≈ Rose Wine
Komplementarna rozszczepiona +150° +210°
- 767927
Jungle Look
- 5173B0
≈ Ramjet
- 8F5E98
≈ Aster Violetta
Tetrada +90° +180° +270°
- 767927
Jungle Look
- 00848B
≈ Tucson Teal
- 7468AB
≈ Clear Mauve
- A85958
≈ Lingonberry Punch
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.63:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.53:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--jungle-look: #767927;
--jungle-look-rgb: 118 121 39;
--jungle-look-oklch: oklch(0.557 0.104 111.3);
}
.element {
color: var(--jungle-look);
background-color: hsl(62 51% 31%);
border-color: oklch(0.557 0.104 111.3);
}Tailwind CSS v4
@theme {
--color-jungle-look: #767927;
--color-jungle-look-50: #f5f9d7;
--color-jungle-look-100: #e7ecc5;
--color-jungle-look-200: #d4daa7;
--color-jungle-look-300: #b7be7f;
--color-jungle-look-400: #a0a459;
--color-jungle-look-500: #898c30;
--color-jungle-look-600: #74772b;
--color-jungle-look-700: #5d5f22;
--color-jungle-look-800: #454515;
--color-jungle-look-900: #30300e;
--color-jungle-look-950: #1c1c02;
}SCSS
$jungle-look: #767927;
$jungle-look-rgb: 118, 121, 39;
$jungle-look-light: mix(#fff, $jungle-look, 20%);
$jungle-look-dark: mix(#000, $jungle-look, 20%);
.element {
color: $jungle-look;
box-shadow: 0 0 0 2px rgba($jungle-look, 0.35);
}