Nazwany kolor · #93C96A
Apple Orchard
Apple Orchard to #93C96A: rgb(147 201 106), hsl(94 47% 60%), oklch(0.777 0.138 133). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Apple Orchard color name →
#93C96A
oklch(0.777 0.138 133)
Konwersje koloru
- HEX
- #93c96a
- RGB
- rgb(147 201 106)
- HSL
- hsl(94 47% 60%)
- HWB
- hwb(94 42% 21%)
- OKLCH
- oklch(0.777 0.138 133)
- OKLab
- oklab(0.777 -0.094 0.101)
- CIE Lab
- lab(75.6 -30.57 41.28)
- LCH
- lch(75.6 51.37 126.5)
- CMYK
- cmyk(27% 0% 47% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9ECF7A
- A8D48A
- B3DA99
- BEDFA7
- C9E5B6
- D3EAC5
- DEEFD3
- E9F5E2
- F4FAF0
Odcienie ciemniejsze
- 7FAE5B
- 6C954D
- 597C3F
- 476431
- 364C24
- 253618
- 16220D
- 080F04
- 010200
Tony
- 91C26E
- 90BA71
- 8EB374
- 8CAC76
- 8AA478
- 889D7A
- 86967C
- 848F7E
- 82877F
Harmonie kolorów
Komplementarna +180°
- 93C96A
Apple Orchard
- D59BF5
≈ Plasma Trail
Analogowa -30° +30°
- 93C96A
Apple Orchard
- C7BA42
≈ Humorous Green
- 50D19D
≈ Vegetation
Triada +120° +240°
- 93C96A
Apple Orchard
- 7FBAFF
≈ Cooler Than Ever
- FF919E
≈ Charming Cherry
Komplementarna rozszczepiona +150° +210°
- 93C96A
Apple Orchard
- ACACFF
≈ Shy Moment
- F391CD
≈ Bubblegum Kisses
Tetrada +90° +180° +270°
- 93C96A
Apple Orchard
- 27C9F6
≈ Bright Sky Blue
- D59BF5
≈ Plasma Trail
- FF976C
≈ Hibiscus Delight
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.94:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.80:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.80:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--apple-orchard: #93c96a;
--apple-orchard-rgb: 147 201 106;
--apple-orchard-oklch: oklch(0.777 0.138 133);
}
.element {
color: var(--apple-orchard);
background-color: hsl(94 47% 60%);
border-color: oklch(0.777 0.138 133);
}Tailwind CSS v4
@theme {
--color-apple-orchard: #93c96a;
--color-apple-orchard-50: #e5ffd7;
--color-apple-orchard-100: #d4f3c5;
--color-apple-orchard-200: #bbe2a7;
--color-apple-orchard-300: #99c77f;
--color-apple-orchard-400: #7eb057;
--color-apple-orchard-500: #60992b;
--color-apple-orchard-600: #528127;
--color-apple-orchard-700: #41671f;
--color-apple-orchard-800: #314c11;
--color-apple-orchard-900: #21340b;
--color-apple-orchard-950: #102001;
}SCSS
$apple-orchard: #93c96a;
$apple-orchard-rgb: 147, 201, 106;
$apple-orchard-light: mix(#fff, $apple-orchard, 20%);
$apple-orchard-dark: mix(#000, $apple-orchard, 20%);
.element {
color: $apple-orchard;
box-shadow: 0 0 0 2px rgba($apple-orchard, 0.35);
}