Colore con nome · #629763
Abundance
Abundance è #629763: rgb(98 151 99), hsl(121 21% 49%), oklch(0.625 0.095 144.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Abundance color name →
#629763
oklch(0.625 0.095 144.8)
Conversioni di colore
- HEX
- #629763
- RGB
- rgb(98 151 99)
- HSL
- hsl(121 21% 49%)
- HWB
- hwb(121 38% 41%)
- OKLCH
- oklch(0.625 0.095 144.8)
- OKLab
- oklab(0.625 -0.078 0.055)
- CIE Lab
- lab(57.71 -26.62 21.67)
- LCH
- lch(57.71 34.32 140.9)
- CMYK
- cmyk(35% 0% 34% 41%)
Tinte · Ombre · Toni
Tinte
- 72A172
- 81AB81
- 90B690
- A0C0A0
- AFCAAF
- BFD5BF
- CFDFCF
- DFEADF
- EFF4EF
Ombre
- 548355
- 476F47
- 3A5C3A
- 2D492E
- 213721
- 162616
- 0B170B
- 030803
- 000100
Toni
- 669566
- 699369
- 6C906C
- 708E6F
- 738C72
- 758A75
- 788778
- 7B857B
- 7E827D
Armonie di colore
Complementare +180°
- 629763
Abundance
- A573A8
≈ Bell Heather
Analogo -30° +30°
- 629763
Abundance
- 868E47
≈ East Aurora
- 3C9A84
≈ Green Jelly
Triadico +120° +240°
- 629763
Abundance
- 6B87C2
≈ Orbital
- BB706B
≈ Terra Tone
Complementare divisa +150° +210°
- 629763
Abundance
- 8C7CBC
≈ Unimaginable
- B56F8B
≈ Pink Hibiscus
Tetradico +90° +180° +270°
- 629763
Abundance
- 4691B9
≈ Quiet Night
- A573A8
≈ Bell Heather
- B4784D
≈ Copper Mine
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.42:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.12:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--abundance: #629763;
--abundance-rgb: 98 151 99;
--abundance-oklch: oklch(0.625 0.095 144.8);
}
.element {
color: var(--abundance);
background-color: hsl(121 21% 49%);
border-color: oklch(0.625 0.095 144.8);
}Tailwind CSS v4
@theme {
--color-abundance: #629763;
--color-abundance-50: #e4fde6;
--color-abundance-100: #d4f1d6;
--color-abundance-200: #bae0bd;
--color-abundance-300: #98c59b;
--color-abundance-400: #7bae7b;
--color-abundance-500: #5c975d;
--color-abundance-600: #4e804f;
--color-abundance-700: #3e663f;
--color-abundance-800: #2e4b2c;
--color-abundance-900: #1f341e;
--color-abundance-950: #0f1f0e;
}SCSS
$abundance: #629763;
$abundance-rgb: 98, 151, 99;
$abundance-light: mix(#fff, $abundance, 20%);
$abundance-dark: mix(#000, $abundance, 20%);
.element {
color: $abundance;
box-shadow: 0 0 0 2px rgba($abundance, 0.35);
}