Colore con nome · #506A48
Garden Cucumber
Garden Cucumber è #506A48: rgb(80 106 72), hsl(106 19% 35%), oklch(0.494 0.061 138.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Garden Cucumber color name →
#506A48
oklch(0.494 0.061 138.5)
Conversioni di colore
- HEX
- #506a48
- RGB
- rgb(80 106 72)
- HSL
- hsl(106 19% 35%)
- HWB
- hwb(106 28% 58%)
- OKLCH
- oklch(0.494 0.061 138.5)
- OKLab
- oklab(0.494 -0.046 0.04)
- CIE Lab
- lab(42.02 -15.34 15.91)
- LCH
- lch(42.02 22.1 134)
- CMYK
- cmyk(25% 0% 32% 58%)
Tinte · Ombre · Toni
Tinte
- 607859
- 70866A
- 81947B
- 92A38D
- A4B29F
- B5C1B2
- C7D0C5
- DAE0D8
- ECEFEB
Ombre
- 445B3D
- 394D33
- 2E3F29
- 24311F
- 1A2416
- 10180D
- 070D06
- 020402
- 000000
Toni
- 556C4E
- 5A6F53
- 5E7159
- 63735E
- 687564
- 6D776A
- 727A6F
- 767C75
- 7B7E7A
Armonie di colore
Complementare +180°
- 506A48
Garden Cucumber
- 705678
≈ Trixter
Analogo -30° +30°
- 506A48
Garden Cucumber
- 64643A
≈ Aloe Leaf
- 3C6D5B
≈ Foliage Green
Triadico +120° +240°
- 506A48
Garden Cucumber
- 4C6284
≈ Climate Control
- 815354
≈ Lampoon
Complementare divisa +150° +210°
- 506A48
Garden Cucumber
- 605C82
≈ Psychic
- 7C5367
≈ Passive Royal
Tetradico +90° +180° +270°
- 506A48
Garden Cucumber
- 39687D
≈ Ocean Storm
- 705678
≈ Trixter
- 7E5742
≈ Wild Stallion
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.00:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.49:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.00:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--garden-cucumber: #506a48;
--garden-cucumber-rgb: 80 106 72;
--garden-cucumber-oklch: oklch(0.494 0.061 138.5);
}
.element {
color: var(--garden-cucumber);
background-color: hsl(106 19% 35%);
border-color: oklch(0.494 0.061 138.5);
}Tailwind CSS v4
@theme {
--color-garden-cucumber: #506a48;
--color-garden-cucumber-50: #ecfae9;
--color-garden-cucumber-100: #ddedda;
--color-garden-cucumber-200: #c7dbc3;
--color-garden-cucumber-300: #a7c0a2;
--color-garden-cucumber-400: #8da885;
--color-garden-cucumber-500: #729069;
--color-garden-cucumber-600: #617a59;
--color-garden-cucumber-700: #4d6247;
--color-garden-cucumber-800: #394732;
--color-garden-cucumber-900: #273122;
--color-garden-cucumber-950: #151d11;
}SCSS
$garden-cucumber: #506a48;
$garden-cucumber-rgb: 80, 106, 72;
$garden-cucumber-light: mix(#fff, $garden-cucumber, 20%);
$garden-cucumber-dark: mix(#000, $garden-cucumber, 20%);
.element {
color: $garden-cucumber;
box-shadow: 0 0 0 2px rgba($garden-cucumber, 0.35);
}