لون مسمّى · #997700
Mesozoic Green
Mesozoic Green هو #997700: rgb(153 119 0)، hsl(47 100% 30%)، oklch(0.586 0.12 88.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Mesozoic Green color name →
#997700
oklch(0.586 0.12 88.6)
تحويلات الألوان
- HEX
- #997700
- RGB
- rgb(153 119 0)
- HSL
- hsl(47 100% 30%)
- HWB
- hwb(47 0% 40%)
- OKLCH
- oklch(0.586 0.12 88.6)
- OKLab
- oklab(0.586 0.003 0.12)
- CIE Lab
- lab(52.19 6.88 57.51)
- LCH
- lch(52.19 57.92 83.2)
- CMYK
- cmyk(0% 22% 100% 40%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A38430
- AD924B
- B79F63
- C1AD7A
- CBBA90
- D5C8A6
- E0D5BC
- EAE3D2
- F4F1E8
درجات داكنة
- 846700
- 705700
- 5D4700
- 4A3800
- 382A00
- 271C00
- 171000
- 080500
- 010100
درجات رمادية
- 977821
- 947932
- 927B3F
- 8F7C4A
- 8D7D54
- 8A7D5E
- 887E67
- 857F6F
- 837F78
تناسق الألوان
متمم +180°
- 997700
Mesozoic Green
- 5E78C3
≈ Indigo Light
متجاور -30° +30°
- 997700
Mesozoic Green
- B06827
≈ Pumpkin Spice
- 758526
≈ Pacifika
ثلاثي +120° +240°
- 997700
Mesozoic Green
- 008C9C
≈ Coral Coast
- A2609F
≈ Heath Spotted Orchid
متمم منقسم +150° +210°
- 997700
Mesozoic Green
- 2185BB
≈ Ibiza Blue
- 866BB9
≈ Lavish Spending
رباعي +90° +180° +270°
- 997700
Mesozoic Green
- 00907D
≈ Philips Green
- 5E78C3
≈ Indigo Light
- B45B7B
≈ Kir Royale Rose
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.20:1 · APCA Lc 69
Ag
AAعلى الأسود
WCAG 4.99:1 · APCA Lc 33
أفضل لون للنص: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mesozoic-green: #997700;
--mesozoic-green-rgb: 153 119 0;
--mesozoic-green-oklch: oklch(0.586 0.12 88.6);
}
.element {
color: var(--mesozoic-green);
background-color: hsl(47 100% 30%);
border-color: oklch(0.586 0.12 88.6);
}Tailwind CSS v4
@theme {
--color-mesozoic-green: #997700;
--color-mesozoic-green-50: #fff5cf;
--color-mesozoic-green-100: #f7e7bb;
--color-mesozoic-green-200: #e8d399;
--color-mesozoic-green-300: #cfb56e;
--color-mesozoic-green-400: #bb9a41;
--color-mesozoic-green-500: #a68000;
--color-mesozoic-green-600: #8d6d00;
--color-mesozoic-green-700: #715701;
--color-mesozoic-green-800: #543f00;
--color-mesozoic-green-900: #3b2b02;
--color-mesozoic-green-950: #251800;
}SCSS
$mesozoic-green: #997700;
$mesozoic-green-rgb: 153, 119, 0;
$mesozoic-green-light: mix(#fff, $mesozoic-green, 20%);
$mesozoic-green-dark: mix(#000, $mesozoic-green, 20%);
.element {
color: $mesozoic-green;
box-shadow: 0 0 0 2px rgba($mesozoic-green, 0.35);
}