En yakın adlandırılmış renk · #3C7300
#3C7300
En yakın adlandırılmış renk: Forest Empress
#3C7300 (rgb(60 115 0), hsl(89 100% 23%), oklch(0.498 0.144 134.4)) en çok Forest Empress 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.
#3C7300
oklch(0.498 0.144 134.4)
Renk dönüşümleri
- HEX
- #3c7300
- RGB
- rgb(60 115 0)
- HSL
- hsl(89 100% 23%)
- HWB
- hwb(89 0% 55%)
- OKLCH
- oklch(0.498 0.144 134.4)
- OKLab
- oklab(0.498 -0.101 0.103)
- CIE Lab
- lab(43.21 -32.03 46.96)
- LCH
- lch(43.21 56.84 124.3)
- CMYK
- cmyk(48% 0% 100% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4F812A
- 628E44
- 759C5C
- 88AA73
- 9BB88A
- AEC6A1
- C2D4B8
- D6E2CF
- EAF1E7
Koyu tonlar
- 336300
- 2A5400
- 214500
- 193600
- 112800
- 0A1B00
- 040F00
- 010500
- 000100
Gri tonlar
- 44751C
- 4B762C
- 527839
- 597945
- 5F7B4F
- 667C5A
- 6D7D63
- 737E6D
- 7A7F77
Renk uyumları
Tamamlayıcı +180°
- 3C7300
Forest Empress
- 80449A
≈ Purple Pleasures
Analog -30° +30°
- 3C7300
Forest Empress
- 6D6500
≈ Earthy Khaki Green
- 007553
≈ Green Velvet
Üçlü +120° +240°
- 3C7300
Forest Empress
- 1962B2
≈ Les Cavaliers Beach
- A43649
≈ Scarlet Ribbons
Bölünmüş tamamlayıcı +150° +210°
- 3C7300
Forest Empress
- 5C52B0
≈ Brandywine Raspberry
- 983A76
≈ Magenta Red
Dörtlü +90° +180° +270°
- 3C7300
Forest Empress
- 006D8A
≈ Private Eye
- 80449A
≈ Purple Pleasures
- A24000
≈ Powdered Coffee
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.76:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.64:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--forest-empress: #3c7300;
--forest-empress-rgb: 60 115 0;
--forest-empress-oklch: oklch(0.498 0.144 134.4);
}
.element {
color: var(--forest-empress);
background-color: hsl(89 100% 23%);
border-color: oklch(0.498 0.144 134.4);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3c7300;
--color-forest-empress-50: #e3ffd7;
--color-forest-empress-100: #d2f4c4;
--color-forest-empress-200: #b8e3a6;
--color-forest-empress-300: #95c87e;
--color-forest-empress-400: #79b155;
--color-forest-empress-500: #5b9a28;
--color-forest-empress-600: #4d8224;
--color-forest-empress-700: #3e681d;
--color-forest-empress-800: #2e4c10;
--color-forest-empress-900: #1f350a;
--color-forest-empress-950: #0f2000;
}SCSS
$forest-empress: #3c7300;
$forest-empress-rgb: 60, 115, 0;
$forest-empress-light: mix(#fff, $forest-empress, 20%);
$forest-empress-dark: mix(#000, $forest-empress, 20%);
.element {
color: $forest-empress;
box-shadow: 0 0 0 2px rgba($forest-empress, 0.35);
}