Najbliższy nazwany kolor · #6B6D36
#6B6D36
Najbliższy nazwany kolor: Jungle Civilization
#6B6D36 (rgb(107 109 54), hsl(62 34% 32%), oklch(0.52 0.077 110.6)) jest najbliższy nazwanemu kolorowi Jungle Civilization. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6B6D36
oklch(0.52 0.077 110.6)
Konwersje koloru
- HEX
- #6b6d36
- RGB
- rgb(107 109 54)
- HSL
- hsl(62 34% 32%)
- HWB
- hwb(62 21% 57%)
- OKLCH
- oklch(0.52 0.077 110.6)
- OKLab
- oklab(0.52 -0.027 0.072)
- CIE Lab
- lab(44.88 -7.18 30.13)
- LCH
- lch(44.88 30.97 103.4)
- CMYK
- cmyk(2% 0% 50% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 797B4A
- 86895D
- 959771
- A3A584
- B2B498
- C1C2AC
- D0D1C0
- DFE0D5
- EFF0EA
Odcienie ciemniejsze
- 5C5E2E
- 4E4F25
- 3F411E
- 323316
- 25260F
- 181908
- 0D0D03
- 040401
- 000100
Tony
- 6D6F3E
- 6F7146
- 71734E
- 737556
- 75775D
- 777964
- 797B6B
- 7C7C72
- 7E7E79
Harmonie kolorów
Komplementarna +180°
- 6B6D36
Jungle Civilization
- 696192
≈ Prime Purple
Analogowa -30° +30°
- 6B6D36
Jungle Civilization
- 806432
≈ Dirt Brown
- 50744A
≈ Irish Clover
Triada +120° +240°
- 6B6D36
Jungle Civilization
- 34718D
≈ Living Stream
- 8B566F
≈ Merlin’s Cloak
Komplementarna rozszczepiona +150° +210°
- 6B6D36
Jungle Civilization
- 4F6995
≈ Blue Odyssey
- 7D5A84
≈ Champion
Tetrada +90° +180° +270°
- 6B6D36
Jungle Civilization
- 24767B
≈ Poseidon’s Castle
- 696192
≈ Prime Purple
- 905656
≈ Carpe Diem
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.43:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.86:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.43:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--jungle-civilization: #6b6d36;
--jungle-civilization-rgb: 107 109 54;
--jungle-civilization-oklch: oklch(0.52 0.077 110.6);
}
.element {
color: var(--jungle-civilization);
background-color: hsl(62 34% 32%);
border-color: oklch(0.52 0.077 110.6);
}Tailwind CSS v4
@theme {
--color-jungle-civilization: #6b6d36;
--color-jungle-civilization-50: #f5f8df;
--color-jungle-civilization-100: #e8ebce;
--color-jungle-civilization-200: #d4d8b3;
--color-jungle-civilization-300: #b7bc8f;
--color-jungle-civilization-400: #a0a36e;
--color-jungle-civilization-500: #888b4d;
--color-jungle-civilization-600: #737642;
--color-jungle-civilization-700: #5c5e34;
--color-jungle-civilization-800: #444524;
--color-jungle-civilization-900: #2f2f18;
--color-jungle-civilization-950: #1c1c09;
}SCSS
$jungle-civilization: #6b6d36;
$jungle-civilization-rgb: 107, 109, 54;
$jungle-civilization-light: mix(#fff, $jungle-civilization, 20%);
$jungle-civilization-dark: mix(#000, $jungle-civilization, 20%);
.element {
color: $jungle-civilization;
box-shadow: 0 0 0 2px rgba($jungle-civilization, 0.35);
}