Nazwany kolor · #A5CF7E
Greenscape
Greenscape to #A5CF7E: rgb(165 207 126), hsl(91 46% 65%), oklch(0.805 0.117 130.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Greenscape color name →
#A5CF7E
oklch(0.805 0.117 130.9)
Konwersje koloru
- HEX
- #a5cf7e
- RGB
- rgb(165 207 126)
- HSL
- hsl(91 46% 65%)
- HWB
- hwb(91 49% 19%)
- OKLCH
- oklch(0.805 0.117 130.9)
- OKLab
- oklab(0.805 -0.076 0.088)
- CIE Lab
- lab(78.68 -24.84 35.53)
- LCH
- lch(78.68 43.35 125)
- CMYK
- cmyk(20% 0% 39% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AED48B
- B7D999
- C0DEA6
- C9E3B3
- D2E7BF
- DBECCC
- E4F1D9
- EDF6E6
- F6FAF2
Odcienie ciemniejsze
- 8FB46D
- 79995C
- 657F4C
- 51673C
- 3D4F2D
- 2B381F
- 1A2311
- 0A1005
- 010201
Tony
- A1C77F
- 9EBF80
- 9AB781
- 96AF81
- 93A781
- 8F9F81
- 8B9781
- 879081
- 848881
Harmonie kolorów
Komplementarna +180°
- A5CF7E
Greenscape
- D8AAF7
≈ Testosterose
Analogowa -30° +30°
- A5CF7E
Greenscape
- D0C264
≈ Mung Bean
- 75D7A7
≈ Tadorna Teal
Triada +120° +240°
- A5CF7E
Greenscape
- 8EC4FF
≈ Chromis Damsel Blue
- FFA0AD
≈ Ballet Slippers
Komplementarna rozszczepiona +150° +210°
- A5CF7E
Greenscape
- B3B8FF
≈ Greyish Lavender
- F3A1D6
≈ Violet Kiss
Tetrada +90° +180° +270°
- A5CF7E
Greenscape
- 5AD0F4
≈ Libra Blue Morpho
- D8AAF7
≈ Testosterose
- FFA685
≈ Peach Fizz
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.77:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.82:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.82:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--greenscape: #a5cf7e;
--greenscape-rgb: 165 207 126;
--greenscape-oklch: oklch(0.805 0.117 130.9);
}
.element {
color: var(--greenscape);
background-color: hsl(91 46% 65%);
border-color: oklch(0.805 0.117 130.9);
}Tailwind CSS v4
@theme {
--color-greenscape: #a5cf7e;
--color-greenscape-50: #e8fddb;
--color-greenscape-100: #d9f1c9;
--color-greenscape-200: #c1e0ac;
--color-greenscape-300: #a0c587;
--color-greenscape-400: #86ad61;
--color-greenscape-500: #6a953c;
--color-greenscape-600: #5a7e34;
--color-greenscape-700: #486529;
--color-greenscape-800: #364a1b;
--color-greenscape-900: #253311;
--color-greenscape-950: #131f04;
}SCSS
$greenscape: #a5cf7e;
$greenscape-rgb: 165, 207, 126;
$greenscape-light: mix(#fff, $greenscape, 20%);
$greenscape-dark: mix(#000, $greenscape, 20%);
.element {
color: $greenscape;
box-shadow: 0 0 0 2px rgba($greenscape, 0.35);
}