En yakın adlandırılmış renk · #73CF5F
#73CF5F
En yakın adlandırılmış renk: Koopa Green Shell
#73CF5F (rgb(115 207 95), hsl(109 54% 59%), oklch(0.772 0.173 140.1)) en çok Koopa Green Shell 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.
#73CF5F
oklch(0.772 0.173 140.1)
Renk dönüşümleri
- HEX
- #73cf5f
- RGB
- rgb(115 207 95)
- HSL
- hsl(109 54% 59%)
- HWB
- hwb(109 37% 19%)
- OKLCH
- oklch(0.772 0.173 140.1)
- OKLab
- oklab(0.772 -0.133 0.111)
- CIE Lab
- lab(75.6 -44.58 45.99)
- LCH
- lch(75.6 64.05 134.1)
- CMYK
- cmyk(44% 0% 54% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 82D471
- 91D982
- A0DE92
- AEE3A2
- BBE8B2
- C9EDC1
- D7F2D1
- E4F6E0
- F2FBF0
Koyu tonlar
- 63B452
- 549944
- 457F38
- 36672C
- 284F20
- 1B3815
- 0F230A
- 051003
- 010200
Gri tonlar
- 76C764
- 78BF69
- 7AB76D
- 7CB071
- 7DA874
- 7EA077
- 7F987A
- 80907C
- 80887E
Renk uyumları
Tamamlayıcı +180°
- 73CF5F
Koopa Green Shell
- E58DF9
≈ Give Me Your Love
Analog -30° +30°
- 73CF5F
Koopa Green Shell
- BCBD00
≈ Pickled Limes
- 00D3A6
≈ Wild Caribbean Green
Üçlü +120° +240°
- 73CF5F
Koopa Green Shell
- 89B6FF
≈ Carolina Blue
- FF9091
≈ Cherished One
Bölünmüş tamamlayıcı +150° +210°
- 73CF5F
Koopa Green Shell
- B4A7FF
≈ Shy Moment
- FF87C3
≈ Pink Orchid Mantis
Dörtlü +90° +180° +270°
- 73CF5F
Koopa Green Shell
- 2CC5FF
≈ Shovel Knight
- E58DF9
≈ Give Me Your Love
- FF9657
≈ Encounter
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.94:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.81:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--koopa-green-shell: #73cf5f;
--koopa-green-shell-rgb: 115 207 95;
--koopa-green-shell-oklch: oklch(0.772 0.173 140.1);
}
.element {
color: var(--koopa-green-shell);
background-color: hsl(109 54% 59%);
border-color: oklch(0.772 0.173 140.1);
}Tailwind CSS v4
@theme {
--color-koopa-green-shell: #73cf5f;
--color-koopa-green-shell-50: #daffd5;
--color-koopa-green-shell-100: #c7f7c2;
--color-koopa-green-shell-200: #a9e7a2;
--color-koopa-green-shell-300: #81ce7a;
--color-koopa-green-shell-400: #60b64d;
--color-koopa-green-shell-500: #36a017;
--color-koopa-green-shell-600: #308718;
--color-koopa-green-shell-700: #266c14;
--color-koopa-green-shell-800: #1e4f06;
--color-koopa-green-shell-900: #143704;
--color-koopa-green-shell-950: #052200;
}SCSS
$koopa-green-shell: #73cf5f;
$koopa-green-shell-rgb: 115, 207, 95;
$koopa-green-shell-light: mix(#fff, $koopa-green-shell, 20%);
$koopa-green-shell-dark: mix(#000, $koopa-green-shell, 20%);
.element {
color: $koopa-green-shell;
box-shadow: 0 0 0 2px rgba($koopa-green-shell, 0.35);
}