En yakın adlandırılmış renk · #3B7400
#3B7400
En yakın adlandırılmış renk: Forest Empress
#3B7400 (rgb(59 116 0), hsl(89 100% 23%), oklch(0.5 0.145 134.8)) 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.
#3B7400
oklch(0.5 0.145 134.8)
Renk dönüşümleri
- HEX
- #3b7400
- RGB
- rgb(59 116 0)
- HSL
- hsl(89 100% 23%)
- HWB
- hwb(89 0% 55%)
- OKLCH
- oklch(0.5 0.145 134.8)
- OKLab
- oklab(0.5 -0.102 0.103)
- CIE Lab
- lab(43.5 -32.77 47.15)
- LCH
- lch(43.5 57.42 124.8)
- CMYK
- cmyk(49% 0% 100% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4E822A
- 618F45
- 749D5C
- 87AB73
- 9AB98A
- AEC7A1
- C2D5B8
- D6E3CF
- EAF1E7
Koyu tonlar
- 326400
- 295400
- 214500
- 193700
- 112900
- 091B00
- 040F00
- 010500
- 000100
Gri tonlar
- 43761C
- 4A772C
- 517939
- 587A45
- 5F7B50
- 667C5A
- 6D7D64
- 737E6D
- 7A7F77
Renk uyumları
Tamamlayıcı +180°
- 3B7400
Forest Empress
- 81449B
≈ Purple Pleasures
Analog -30° +30°
- 3B7400
Forest Empress
- 6D6600
≈ Earthy Khaki Green
- 007654
≈ Victoria Peak
Üçlü +120° +240°
- 3B7400
Forest Empress
- 1A63B3
≈ Ephren Blue
- A53648
≈ Scarlet Ribbons
Bölünmüş tamamlayıcı +150° +210°
- 3B7400
Forest Empress
- 5D53B1
≈ Brandywine Raspberry
- 993A76
≈ Purple Wine
Dörtlü +90° +180° +270°
- 3B7400
Forest Empress
- 006E8B
≈ Seaport
- 81449B
≈ Purple Pleasures
- A24100
≈ Powdered Coffee
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.70:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.68:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.70:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--forest-empress: #3b7400;
--forest-empress-rgb: 59 116 0;
--forest-empress-oklch: oklch(0.5 0.145 134.8);
}
.element {
color: var(--forest-empress);
background-color: hsl(89 100% 23%);
border-color: oklch(0.5 0.145 134.8);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3b7400;
--color-forest-empress-50: #e2ffd7;
--color-forest-empress-100: #d2f4c4;
--color-forest-empress-200: #b7e3a6;
--color-forest-empress-300: #94c97e;
--color-forest-empress-400: #78b155;
--color-forest-empress-500: #599a27;
--color-forest-empress-600: #4c8224;
--color-forest-empress-700: #3c681d;
--color-forest-empress-800: #2e4c0f;
--color-forest-empress-900: #1f3509;
--color-forest-empress-950: #0e2000;
}SCSS
$forest-empress: #3b7400;
$forest-empress-rgb: 59, 116, 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);
}