Colore con nome più vicino · #6B6D36
#6B6D36
Colore con nome più vicino: Jungle Civilization
#6B6D36 (rgb(107 109 54), hsl(62 34% 32%), oklch(0.52 0.077 110.6)) è più vicino al colore con nome Jungle Civilization. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#6B6D36
oklch(0.52 0.077 110.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 797B4A
- 86895D
- 959771
- A3A584
- B2B498
- C1C2AC
- D0D1C0
- DFE0D5
- EFF0EA
Ombre
- 5C5E2E
- 4E4F25
- 3F411E
- 323316
- 25260F
- 181908
- 0D0D03
- 040401
- 000100
Toni
- 6D6F3E
- 6F7146
- 71734E
- 737556
- 75775D
- 777964
- 797B6B
- 7C7C72
- 7E7E79
Armonie di colore
Complementare +180°
- 6B6D36
Jungle Civilization
- 696192
≈ Prime Purple
Analogo -30° +30°
- 6B6D36
Jungle Civilization
- 806432
≈ Dirt Brown
- 50744A
≈ Irish Clover
Triadico +120° +240°
- 6B6D36
Jungle Civilization
- 34718D
≈ Living Stream
- 8B566F
≈ Merlin’s Cloak
Complementare divisa +150° +210°
- 6B6D36
Jungle Civilization
- 4F6995
≈ Blue Odyssey
- 7D5A84
≈ Champion
Tetradico +90° +180° +270°
- 6B6D36
Jungle Civilization
- 24767B
≈ Poseidon’s Castle
- 696192
≈ Prime Purple
- 905656
≈ Carpe Diem
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.43:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.86:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.43:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
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);
}