Adlandırılmış renk · #A5CF7E
Greenscape
Greenscape, #A5CF7E: rgb(165 207 126), hsl(91 46% 65%), oklch(0.805 0.117 130.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Greenscape color name →
#A5CF7E
oklch(0.805 0.117 130.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AED48B
- B7D999
- C0DEA6
- C9E3B3
- D2E7BF
- DBECCC
- E4F1D9
- EDF6E6
- F6FAF2
Koyu tonlar
- 8FB46D
- 79995C
- 657F4C
- 51673C
- 3D4F2D
- 2B381F
- 1A2311
- 0A1005
- 010201
Gri tonlar
- A1C77F
- 9EBF80
- 9AB781
- 96AF81
- 93A781
- 8F9F81
- 8B9781
- 879081
- 848881
Renk uyumları
Tamamlayıcı +180°
- A5CF7E
Greenscape
- D8AAF7
≈ Testosterose
Analog -30° +30°
- A5CF7E
Greenscape
- D0C264
≈ Mung Bean
- 75D7A7
≈ Tadorna Teal
Üçlü +120° +240°
- A5CF7E
Greenscape
- 8EC4FF
≈ Chromis Damsel Blue
- FFA0AD
≈ Ballet Slippers
Bölünmüş tamamlayıcı +150° +210°
- A5CF7E
Greenscape
- B3B8FF
≈ Greyish Lavender
- F3A1D6
≈ Violet Kiss
Dörtlü +90° +180° +270°
- A5CF7E
Greenscape
- 5AD0F4
≈ Libra Blue Morpho
- D8AAF7
≈ Testosterose
- FFA685
≈ Peach Fizz
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.77:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.82:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.82:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
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);
}