Adlandırılmış renk · #8AD370
Green Lacewing
Green Lacewing, #8AD370: rgb(138 211 112), hsl(104 53% 63%), oklch(0.796 0.151 138). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Green Lacewing color name →
#8AD370
oklch(0.796 0.151 138)
Renk dönüşümleri
- HEX
- #8ad370
- RGB
- rgb(138 211 112)
- HSL
- hsl(104 53% 63%)
- HWB
- hwb(104 44% 17%)
- OKLCH
- oklch(0.796 0.151 138)
- OKLab
- oklab(0.796 -0.112 0.101)
- CIE Lab
- lab(78.07 -37.34 41.25)
- LCH
- lch(78.07 55.64 132.2)
- CMYK
- cmyk(35% 0% 47% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 96D87F
- A2DC8E
- AEE19D
- BAE5AB
- C5EAB9
- D1EEC7
- DCF3D5
- E8F7E3
- F3FBF1
Koyu tonlar
- 77B760
- 659C51
- 538243
- 426935
- 325127
- 223A1A
- 14240E
- 071004
- 010201
Gri tonlar
- 8ACB73
- 89C276
- 89BA78
- 88B27A
- 87A97B
- 86A17D
- 85997E
- 83917F
- 828880
Renk uyumları
Tamamlayıcı +180°
- 8AD370
Green Lacewing
- E59CFB
≈ VIC 20 Pink
Analog -30° +30°
- 8AD370
Green Lacewing
- C6C33C
≈ Pyrite Yellow
- 30DBAA
≈ Malted Mint Madness
Üçlü +120° +240°
- 8AD370
Green Lacewing
- 93BEFF
≈ Truesky Gloxym
- FF9DA0
≈ Rubber Radish
Bölünmüş tamamlayıcı +150° +210°
- 8AD370
Green Lacewing
- B9B1FF
≈ Winterspring Lilac
- FF94CD
≈ Himalayan Balsam
Dörtlü +90° +180° +270°
- 8AD370
Green Lacewing
- 49CCFF
≈ Thor’s Thunder
- E59CFB
≈ VIC 20 Pink
- FFA271
≈ Day at the Zoo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.80:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.63:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-lacewing: #8ad370;
--green-lacewing-rgb: 138 211 112;
--green-lacewing-oklch: oklch(0.796 0.151 138);
}
.element {
color: var(--green-lacewing);
background-color: hsl(104 53% 63%);
border-color: oklch(0.796 0.151 138);
}Tailwind CSS v4
@theme {
--color-green-lacewing: #8ad370;
--color-green-lacewing-50: #dfffd8;
--color-green-lacewing-100: #cef5c5;
--color-green-lacewing-200: #b2e5a7;
--color-green-lacewing-300: #8dca7f;
--color-green-lacewing-400: #6fb357;
--color-green-lacewing-500: #4d9c2b;
--color-green-lacewing-600: #428427;
--color-green-lacewing-700: #356a1f;
--color-green-lacewing-800: #284d11;
--color-green-lacewing-900: #1b360b;
--color-green-lacewing-950: #0b2100;
}SCSS
$green-lacewing: #8ad370;
$green-lacewing-rgb: 138, 211, 112;
$green-lacewing-light: mix(#fff, $green-lacewing, 20%);
$green-lacewing-dark: mix(#000, $green-lacewing, 20%);
.element {
color: $green-lacewing;
box-shadow: 0 0 0 2px rgba($green-lacewing, 0.35);
}