En yakın adlandırılmış renk · #73CF7B
#73CF7B
En yakın adlandırılmış renk: Electric Lettuce
#73CF7B (rgb(115 207 123), hsl(125 49% 63%), oklch(0.777 0.147 145.9)) en çok Electric Lettuce adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#73CF7B
oklch(0.777 0.147 145.9)
Renk dönüşümleri
- HEX
- #73cf7b
- RGB
- rgb(115 207 123)
- HSL
- hsl(125 49% 63%)
- HWB
- hwb(125 45% 19%)
- OKLCH
- oklch(0.777 0.147 145.9)
- OKLab
- oklab(0.777 -0.122 0.083)
- CIE Lab
- lab(75.91 -41.77 32.86)
- LCH
- lch(75.91 53.14 141.8)
- CMYK
- cmyk(44% 0% 41% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 83D489
- 92D996
- A0DEA3
- AEE3B0
- BCE8BD
- C9EDCB
- D7F1D8
- E4F6E5
- F2FBF2
Koyu tonlar
- 63B46A
- 54995A
- 457F4A
- 36673A
- 284F2C
- 1B381E
- 0F2310
- 051005
- 010201
Gri tonlar
- 76C77C
- 78BF7D
- 7BB77E
- 7CAF7F
- 7EA77F
- 7FA080
- 7F9880
- 809080
- 808880
Renk uyumları
Tamamlayıcı +180°
- 73CF7B
Electric Lettuce
- E693E9
≈ Diva Mecha
Analog -30° +30°
- 73CF7B
Electric Lettuce
- B2C146
≈ Rainforest Glow
- 00D4B3
≈ Channel Marker Green
Üçlü +120° +240°
- 73CF7B
Electric Lettuce
- 94B5FF
≈ Carolina Blue
- FF948A
≈ Lolly
Bölünmüş tamamlayıcı +150° +210°
- 73CF7B
Electric Lettuce
- BDA5FF
≈ Diva
- FF8CBA
≈ Cochonnet
Dörtlü +90° +180° +270°
- 73CF7B
Electric Lettuce
- 53C3FF
≈ Shovel Knight
- E693E9
≈ Diva Mecha
- FD9B50
≈ Autumn Splendour
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.91:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 10.94:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.94:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--electric-lettuce: #73cf7b;
--electric-lettuce-rgb: 115 207 123;
--electric-lettuce-oklch: oklch(0.777 0.147 145.9);
}
.element {
color: var(--electric-lettuce);
background-color: hsl(125 49% 63%);
border-color: oklch(0.777 0.147 145.9);
}Tailwind CSS v4
@theme {
--color-electric-lettuce: #73cf7b;
--color-electric-lettuce-50: #daffde;
--color-electric-lettuce-100: #c8f6cd;
--color-electric-lettuce-200: #a9e6b1;
--color-electric-lettuce-300: #81cc8c;
--color-electric-lettuce-400: #5fb567;
--color-electric-lettuce-500: #339f44;
--color-electric-lettuce-600: #2e863a;
--color-electric-lettuce-700: #246c2e;
--color-electric-lettuce-800: #1c4f1e;
--color-electric-lettuce-900: #133713;
--color-electric-lettuce-950: #042205;
}SCSS
$electric-lettuce: #73cf7b;
$electric-lettuce-rgb: 115, 207, 123;
$electric-lettuce-light: mix(#fff, $electric-lettuce, 20%);
$electric-lettuce-dark: mix(#000, $electric-lettuce, 20%);
.element {
color: $electric-lettuce;
box-shadow: 0 0 0 2px rgba($electric-lettuce, 0.35);
}