Warna bernama terdekat · #6E763D
#6E763D
Warna bernama terdekat: Jungle Look
#6E763D (rgb(110 118 61), hsl(68 32% 35%), oklch(0.545 0.08 115.7)) paling mendekati warna bernama Jungle Look. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#6E763D
oklch(0.545 0.08 115.7)
Konversi warna
- HEX
- #6e763d
- RGB
- rgb(110 118 61)
- HSL
- hsl(68 32% 35%)
- HWB
- hwb(68 24% 54%)
- OKLCH
- oklch(0.545 0.08 115.7)
- OKLab
- oklab(0.545 -0.035 0.072)
- CIE Lab
- lab(47.93 -10.02 30.09)
- LCH
- lch(47.93 31.71 108.4)
- CMYK
- cmyk(7% 0% 48% 54%)
Tint · Shade · Tone
Tint
- 7B8350
- 899063
- 979E76
- A5AB89
- B3B99C
- C2C6AF
- D1D4C3
- E0E2D7
- EFF1EB
Shade
- 5F6634
- 50562B
- 414722
- 33381A
- 262912
- 191C0A
- 0E0F04
- 040501
- 010100
Tone
- 707745
- 71784C
- 737953
- 757A5A
- 777B60
- 797C67
- 7A7D6D
- 7C7E74
- 7E7F7A
Harmoni warna
Komplementer +180°
- 6E763D
Jungle Look
- 74669A
≈ Pandora
Analog -30° +30°
- 6E763D
Jungle Look
- 856D35
≈ Aged Antics
- 517D53
≈ Melbourne
Triadik +120° +240°
- 6E763D
Jungle Look
- 3D7799
≈ Cry Me a River
- 965C72
≈ Glitz and Glamour
Split-komplementer +150° +210°
- 6E763D
Jungle Look
- 5A6FA0
≈ Moonshade
- 88608A
≈ Pomp and Power
Tetradik +90° +180° +270°
- 6E763D
Jungle Look
- 287D87
≈ Caribe
- 74669A
≈ Pandora
- 9A5D58
≈ Rhode Island Red
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.85:1 · APCA Lc 74
Ag
FailDi atas hitam
WCAG 4.32:1 · APCA Lc 28
Warna teks terbaik: #FFFFFF
WCAG 4.85:1 (AA) · APCA Lc 74
Contrast pairs
Cuplikan kode
CSS
:root {
--jungle-look: #6e763d;
--jungle-look-rgb: 110 118 61;
--jungle-look-oklch: oklch(0.545 0.08 115.7);
}
.element {
color: var(--jungle-look);
background-color: hsl(68 32% 35%);
border-color: oklch(0.545 0.08 115.7);
}Tailwind CSS v4
@theme {
--color-jungle-look: #6e763d;
--color-jungle-look-50: #f3f9df;
--color-jungle-look-100: #e5ecce;
--color-jungle-look-200: #d1d9b3;
--color-jungle-look-300: #b3bd8f;
--color-jungle-look-400: #9ca56d;
--color-jungle-look-500: #848d4c;
--color-jungle-look-600: #6f7741;
--color-jungle-look-700: #595f34;
--color-jungle-look-800: #424524;
--color-jungle-look-900: #2e3018;
--color-jungle-look-950: #1a1c09;
}SCSS
$jungle-look: #6e763d;
$jungle-look-rgb: 110, 118, 61;
$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);
}