Colore con nome · #A3C05A
Sapling
Sapling è #A3C05A: rgb(163 192 90), hsl(77 45% 55%), oklch(0.764 0.133 122.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Sapling color name →
#A3C05A
oklch(0.764 0.133 122.8)
Conversioni di colore
- HEX
- #a3c05a
- RGB
- rgb(163 192 90)
- HSL
- hsl(77 45% 55%)
- HWB
- hwb(77 35% 25%)
- OKLCH
- oklch(0.764 0.133 122.8)
- OKLab
- oklab(0.764 -0.072 0.112)
- CIE Lab
- lab(73.91 -21.8 47.19)
- LCH
- lch(73.91 51.98 114.8)
- CMYK
- cmyk(15% 0% 53% 25%)
Tinte · Ombre · Toni
Tinte
- ACC66D
- B5CD7E
- BED38F
- C7DA9F
- D0E0AF
- D9E6BF
- E2EDCF
- ECF3DF
- F5F9EF
Ombre
- 8DA74D
- 788E41
- 637635
- 4F5F29
- 3C491E
- 2A3413
- 192009
- 0A0E03
- 010200
Toni
- 9FBA60
- 9CB365
- 98AD6A
- 95A66E
- 91A072
- 8E9A75
- 8A9378
- 878D7B
- 83867E
Armonie di colore
Complementare +180°
- A3C05A
Sapling
- C39DF8
≈ Baby Purple
Analogo -30° +30°
- A3C05A
Sapling
- D0B03F
≈ Sugar Leaves
- 68CB89
≈ Serengeti Green
Triadico +120° +240°
- A3C05A
Sapling
- 5FBBFF
≈ Hello Summer
- F88CAB
≈ Rock’n’Rose
Complementare divisa +150° +210°
- A3C05A
Sapling
- 99ADFF
≈ Widowmaker
- E491D7
≈ Love Dust
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.24:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.24:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--sapling: #a3c05a;
--sapling-rgb: 163 192 90;
--sapling-oklch: oklch(0.764 0.133 122.8);
}
.element {
color: var(--sapling);
background-color: hsl(77 45% 55%);
border-color: oklch(0.764 0.133 122.8);
}Tailwind CSS v4
@theme {
--color-sapling: #a3c05a;
--color-sapling-50: #ecfcd3;
--color-sapling-100: #def0c0;
--color-sapling-200: #c7dfa0;
--color-sapling-300: #a8c376;
--color-sapling-400: #90ab4b;
--color-sapling-500: #769311;
--color-sapling-600: #647d14;
--color-sapling-700: #506411;
--color-sapling-800: #3c4906;
--color-sapling-900: #293205;
--color-sapling-950: #171e00;
}SCSS
$sapling: #a3c05a;
$sapling-rgb: 163, 192, 90;
$sapling-light: mix(#fff, $sapling, 20%);
$sapling-dark: mix(#000, $sapling, 20%);
.element {
color: $sapling;
box-shadow: 0 0 0 2px rgba($sapling, 0.35);
}