Colore con nome · #446D46
Jungle Adventure
Jungle Adventure è #446D46: rgb(68 109 70), hsl(123 23% 35%), oklch(0.493 0.077 145.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Jungle Adventure color name →
#446D46
oklch(0.493 0.077 145.4)
Conversioni di colore
- HEX
- #446d46
- RGB
- rgb(68 109 70)
- HSL
- hsl(123 23% 35%)
- HWB
- hwb(123 27% 57%)
- OKLCH
- oklch(0.493 0.077 145.4)
- OKLab
- oklab(0.493 -0.063 0.044)
- CIE Lab
- lab(42.19 -21.61 17.13)
- LCH
- lch(42.19 27.58 141.6)
- CMYK
- cmyk(38% 0% 36% 57%)
Tinte · Ombre · Toni
Tinte
- 567B57
- 688968
- 7A977A
- 8CA58C
- 9EB49E
- B1C2B1
- C4D1C4
- D8E0D7
- EBF0EB
Ombre
- 3A5E3C
- 304F32
- 264128
- 1D331E
- 142615
- 0C190D
- 050D05
- 020402
- 000100
Toni
- 4A6F4C
- 517152
- 577358
- 5D755D
- 637763
- 697969
- 6F7B6F
- 747C74
- 7A7E7A
Armonie di colore
Complementare +180°
- 446D46
Jungle Adventure
- 785279
≈ Birthstone
Analogo -30° +30°
- 446D46
Jungle Adventure
- 606731
≈ Gretchin Green
- 26705F
≈ Antique Green
Triadico +120° +240°
- 446D46
Jungle Adventure
- 4C608D
≈ Indigo Navy Blue
- 884F4B
≈ Lotus
Complementare divisa +150° +210°
- 446D46
Jungle Adventure
- 655888
≈ Idol
- 844E63
≈ Red Shrivel
Tetradico +90° +180° +270°
- 446D46
Jungle Adventure
- 306887
≈ Drake’s Neck
- 785279
≈ Birthstone
- 835535
≈ Football
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.96:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.52:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.96:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--jungle-adventure: #446d46;
--jungle-adventure-rgb: 68 109 70;
--jungle-adventure-oklch: oklch(0.493 0.077 145.4);
}
.element {
color: var(--jungle-adventure);
background-color: hsl(123 23% 35%);
border-color: oklch(0.493 0.077 145.4);
}Tailwind CSS v4
@theme {
--color-jungle-adventure: #446d46;
--color-jungle-adventure-50: #e7fce9;
--color-jungle-adventure-100: #d8efda;
--color-jungle-adventure-200: #bfdec2;
--color-jungle-adventure-300: #9ec3a1;
--color-jungle-adventure-400: #82ab83;
--color-jungle-adventure-500: #659467;
--color-jungle-adventure-600: #567d57;
--color-jungle-adventure-700: #446446;
--color-jungle-adventure-800: #324931;
--color-jungle-adventure-900: #223321;
--color-jungle-adventure-950: #111f11;
}SCSS
$jungle-adventure: #446d46;
$jungle-adventure-rgb: 68, 109, 70;
$jungle-adventure-light: mix(#fff, $jungle-adventure, 20%);
$jungle-adventure-dark: mix(#000, $jungle-adventure, 20%);
.element {
color: $jungle-adventure;
box-shadow: 0 0 0 2px rgba($jungle-adventure, 0.35);
}