لون مسمّى · #3C663E
Jurassic Park
Jurassic Park هو #3C663E: rgb(60 102 62)، hsl(123 26% 32%)، oklch(0.468 0.079 145.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Jurassic Park color name →
#3C663E
oklch(0.468 0.079 145.2)
تحويلات الألوان
- HEX
- #3c663e
- RGB
- rgb(60 102 62)
- HSL
- hsl(123 26% 32%)
- HWB
- hwb(123 24% 60%)
- OKLCH
- oklch(0.468 0.079 145.2)
- OKLab
- oklab(0.468 -0.065 0.045)
- CIE Lab
- lab(39.28 -22.25 17.85)
- LCH
- lch(39.28 28.53 141.3)
- CMYK
- cmyk(41% 0% 39% 60%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4E7450
- 618362
- 749274
- 87A187
- 9AB09A
- AEBFAE
- C1CFC1
- D6DFD6
- EAEFEA
درجات داكنة
- 335835
- 2A4A2B
- 213C23
- 192F1A
- 112312
- 0A170A
- 040C04
- 010401
- 000000
درجات رمادية
- 436945
- 4A6B4B
- 516E52
- 587158
- 5F735F
- 667666
- 6C786C
- 737B73
- 797E79
تناسق الألوان
متمم +180°
- 3C663E
Jurassic Park
- 714A73
≈ Sunset Purple
متجاور -30° +30°
- 3C663E
Jurassic Park
- 595F27
≈ Gardener Green
- 196958
≈ Forest Rain
ثلاثي +120° +240°
- 3C663E
Jurassic Park
- 455987
≈ True Navy
- 814843
≈ Sly Fox
متمم منقسم +150° +210°
- 3C663E
Jurassic Park
- 5E5182
≈ Freshly Purpleized
- 7D475C
≈ Princely
رباعي +90° +180° +270°
- 3C663E
Jurassic Park
- 266180
≈ Suez Canal
- 714A73
≈ Sunset Purple
- 7C4E2C
≈ Kinsusutake Brown
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.64:1 · APCA Lc 83
Ag
Failعلى الأسود
WCAG 3.16:1 · APCA Lc 19
أفضل لون للنص: #FFFFFF
WCAG 6.64:1 (AA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--jurassic-park: #3c663e;
--jurassic-park-rgb: 60 102 62;
--jurassic-park-oklch: oklch(0.468 0.079 145.2);
}
.element {
color: var(--jurassic-park);
background-color: hsl(123 26% 32%);
border-color: oklch(0.468 0.079 145.2);
}Tailwind CSS v4
@theme {
--color-jurassic-park: #3c663e;
--color-jurassic-park-50: #e7fce8;
--color-jurassic-park-100: #d7f0d9;
--color-jurassic-park-200: #bfdec1;
--color-jurassic-park-300: #9dc3a0;
--color-jurassic-park-400: #81ab82;
--color-jurassic-park-500: #649465;
--color-jurassic-park-600: #557d56;
--color-jurassic-park-700: #446445;
--color-jurassic-park-800: #324a30;
--color-jurassic-park-900: #223321;
--color-jurassic-park-950: #111f10;
}SCSS
$jurassic-park: #3c663e;
$jurassic-park-rgb: 60, 102, 62;
$jurassic-park-light: mix(#fff, $jurassic-park, 20%);
$jurassic-park-dark: mix(#000, $jurassic-park, 20%);
.element {
color: $jurassic-park;
box-shadow: 0 0 0 2px rgba($jurassic-park, 0.35);
}