En yakın adlandırılmış renk · #4ABC39
#4ABC39
En yakın adlandırılmış renk: Exit Light
#4ABC39 (rgb(74 188 57), hsl(112 53% 48%), oklch(0.704 0.198 141.2)) en çok Exit Light 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.
#4ABC39
oklch(0.704 0.198 141.2)
Renk dönüşümleri
- HEX
- #4abc39
- RGB
- rgb(74 188 57)
- HSL
- hsl(112 53% 48%)
- HWB
- hwb(112 22% 26%)
- OKLCH
- oklch(0.704 0.198 141.2)
- OKLab
- oklab(0.704 -0.154 0.124)
- CIE Lab
- lab(67.89 -51.78 53.14)
- LCH
- lch(67.89 74.2 134.3)
- CMYK
- cmyk(61% 0% 70% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 61C352
- 75CA68
- 87D17C
- 99D88F
- ABDFA2
- BCE6B5
- CDECC8
- DDF3DA
- EEF9EC
Koyu tonlar
- 3FA330
- 358B28
- 2A731F
- 205D17
- 174710
- 0E3209
- 061F04
- 020D01
- 000200
Gri tonlar
- 53B645
- 5BB14F
- 62AB57
- 68A55F
- 6D9F65
- 72996C
- 769371
- 7A8D76
- 7D867B
Renk uyumları
Tamamlayıcı +180°
- 4ABC39
Exit Light
- D66FE8
≈ Calypso Orchid
Analog -30° +30°
- 4ABC39
Exit Light
- A4A800
≈ Jīn Sè Gold
- 00BB94
≈ Mountain Meadow
Üçlü +120° +240°
- 4ABC39
Exit Light
- 679DFF
≈ Blue Chaos
- FF656A
≈ Pompelmo
Bölünmüş tamamlayıcı +150° +210°
- 4ABC39
Exit Light
- A289FF
≈ Lavender Blue Shadow
- F661AE
≈ Fugitive Flamingo
Dörtlü +90° +180° +270°
- 4ABC39
Exit Light
- 00AEE8
≈ Royal Peacock
- D66FE8
≈ Calypso Orchid
- F57700
≈ Liquid Lava
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.45:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.54:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--exit-light: #4abc39;
--exit-light-rgb: 74 188 57;
--exit-light-oklch: oklch(0.704 0.198 141.2);
}
.element {
color: var(--exit-light);
background-color: hsl(112 53% 48%);
border-color: oklch(0.704 0.198 141.2);
}Tailwind CSS v4
@theme {
--color-exit-light: #4abc39;
--color-exit-light-50: #d4ffd1;
--color-exit-light-100: #c1fabd;
--color-exit-light-200: #a0ea9c;
--color-exit-light-300: #75d171;
--color-exit-light-400: #4fba40;
--color-exit-light-500: #0aa300;
--color-exit-light-600: #128a00;
--color-exit-light-700: #106f00;
--color-exit-light-800: #125100;
--color-exit-light-900: #0b3800;
--color-exit-light-950: #002300;
}SCSS
$exit-light: #4abc39;
$exit-light-rgb: 74, 188, 57;
$exit-light-light: mix(#fff, $exit-light, 20%);
$exit-light-dark: mix(#000, $exit-light, 20%);
.element {
color: $exit-light;
box-shadow: 0 0 0 2px rgba($exit-light, 0.35);
}