Adlandırılmış renk · #A8D275
Livery Green
Livery Green, #A8D275: rgb(168 210 117), hsl(87 51% 64%), oklch(0.813 0.129 128.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Livery Green color name →
#A8D275
oklch(0.813 0.129 128.8)
Renk dönüşümleri
- HEX
- #a8d275
- RGB
- rgb(168 210 117)
- HSL
- hsl(87 51% 64%)
- HWB
- hwb(87 46% 18%)
- OKLCH
- oklch(0.813 0.129 128.8)
- OKLab
- oklab(0.813 -0.081 0.101)
- CIE Lab
- lab(79.61 -25.89 41.18)
- LCH
- lch(79.61 48.64 122.2)
- CMYK
- cmyk(20% 0% 44% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B1D784
- B9DB92
- C2E0A0
- CAE5AE
- D3E9BC
- DCEEC9
- E4F2D7
- EDF6E4
- F6FBF2
Koyu tonlar
- 92B665
- 7C9B55
- 678146
- 526837
- 3F5029
- 2C391C
- 1A240F
- 0A1005
- 010201
Gri tonlar
- A4CA77
- A0C179
- 9CB97B
- 98B17D
- 94A97E
- 90A07F
- 8C987F
- 889080
- 848880
Renk uyumları
Tamamlayıcı +180°
- A8D275
Livery Green
- D9ABFF
≈ Testosterose
Analog -30° +30°
- A8D275
Livery Green
- D7C357
≈ Pepperoncini
- 6FDBA3
≈ Medium Aquamarine
Üçlü +120° +240°
- A8D275
Livery Green
- 8FC7FF
≈ Clear Sky
- FFA4B3
≈ Ballet Slippers
Bölünmüş tamamlayıcı +150° +210°
- A8D275
Livery Green
- B4BCFF
≈ Dried Lilac
- F8A0DE
≈ Lavender Rose
Dörtlü +90° +180° +270°
- A8D275
Livery Green
- 45D5FA
≈ Libra Blue Morpho
- D9ABFF
≈ Testosterose
- FFA98D
≈ Super Sepia
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.72:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.14:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.14:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--livery-green: #a8d275;
--livery-green-rgb: 168 210 117;
--livery-green-oklch: oklch(0.813 0.129 128.8);
}
.element {
color: var(--livery-green);
background-color: hsl(87 51% 64%);
border-color: oklch(0.813 0.129 128.8);
}Tailwind CSS v4
@theme {
--color-livery-green: #a8d275;
--color-livery-green-50: #e8fdd7;
--color-livery-green-100: #d9f1c5;
--color-livery-green-200: #c1e0a6;
--color-livery-green-300: #a0c57e;
--color-livery-green-400: #87ad57;
--color-livery-green-500: #6b962b;
--color-livery-green-600: #5b7f27;
--color-livery-green-700: #49661f;
--color-livery-green-800: #364a12;
--color-livery-green-900: #25330b;
--color-livery-green-950: #141f01;
}SCSS
$livery-green: #a8d275;
$livery-green-rgb: 168, 210, 117;
$livery-green-light: mix(#fff, $livery-green, 20%);
$livery-green-dark: mix(#000, $livery-green, 20%);
.element {
color: $livery-green;
box-shadow: 0 0 0 2px rgba($livery-green, 0.35);
}