Nazwany kolor · #A3C05A
Sapling
Sapling to #A3C05A: rgb(163 192 90), hsl(77 45% 55%), oklch(0.764 0.133 122.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sapling color name →
#A3C05A
oklch(0.764 0.133 122.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ACC66D
- B5CD7E
- BED38F
- C7DA9F
- D0E0AF
- D9E6BF
- E2EDCF
- ECF3DF
- F5F9EF
Odcienie ciemniejsze
- 8DA74D
- 788E41
- 637635
- 4F5F29
- 3C491E
- 2A3413
- 192009
- 0A0E03
- 010200
Tony
- 9FBA60
- 9CB365
- 98AD6A
- 95A66E
- 91A072
- 8E9A75
- 8A9378
- 878D7B
- 83867E
Harmonie kolorów
Komplementarna +180°
- A3C05A
Sapling
- C39DF8
≈ Baby Purple
Analogowa -30° +30°
- A3C05A
Sapling
- D0B03F
≈ Sugar Leaves
- 68CB89
≈ Serengeti Green
Triada +120° +240°
- A3C05A
Sapling
- 5FBBFF
≈ Hello Summer
- F88CAB
≈ Rock’n’Rose
Komplementarna rozszczepiona +150° +210°
- A3C05A
Sapling
- 99ADFF
≈ Widowmaker
- E491D7
≈ Love Dust
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.04:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.24:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.24:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
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);
}