لون مسمّى · #3D8481
Emu Egg
Emu Egg هو #3D8481: rgb(61 132 129)، hsl(177 37% 38%)، oklch(0.567 0.071 191.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Emu Egg color name →
#3D8481
oklch(0.567 0.071 191.6)
تحويلات الألوان
- HEX
- #3d8481
- RGB
- rgb(61 132 129)
- HSL
- hsl(177 37% 38%)
- HWB
- hwb(177 24% 48%)
- OKLCH
- oklch(0.567 0.071 191.6)
- OKLab
- oklab(0.567 -0.07 -0.014)
- CIE Lab
- lab(50.58 -23.81 -5.56)
- LCH
- lch(50.58 24.45 193.1)
- CMYK
- cmyk(54% 0% 2% 48%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 52908D
- 669C99
- 79A8A5
- 8CB4B2
- 9FC0BE
- B2CDCB
- C5D9D8
- D8E6E5
- ECF2F2
درجات داكنة
- 34726F
- 2B605E
- 224F4E
- 1A3F3E
- 122F2E
- 0A201F
- 041212
- 010606
- 000101
درجات رمادية
- 468481
- 4E8381
- 568381
- 5D8381
- 638281
- 698280
- 6F8280
- 758180
- 7B8180
تناسق الألوان
متمم +180°
- 3D8481
Emu Egg
- 9C656C
≈ Soft Bromeliad
متجاور -30° +30°
- 3D8481
Emu Egg
- 4E8469
≈ Herb Blend
- 428095
≈ Wipeout
ثلاثي +120° +240°
- 3D8481
Emu Egg
- 846B95
≈ Ornate
- 917046
≈ Gold Spike
متمم منقسم +150° +210°
- 3D8481
Emu Egg
- 946683
≈ Rust Magenta
- 9B6855
≈ Muscovado Sugar
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.36:1 · APCA Lc 70
Ag
AAعلى الأسود
WCAG 4.81:1 · APCA Lc 32
أفضل لون للنص: #000000
WCAG 4.81:1 (AA) · APCA Lc 32
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--emu-egg: #3d8481;
--emu-egg-rgb: 61 132 129;
--emu-egg-oklch: oklch(0.567 0.071 191.6);
}
.element {
color: var(--emu-egg);
background-color: hsl(177 37% 38%);
border-color: oklch(0.567 0.071 191.6);
}Tailwind CSS v4
@theme {
--color-emu-egg: #3d8481;
--color-emu-egg-50: #dffcfb;
--color-emu-egg-100: #cef0ef;
--color-emu-egg-200: #b2dedd;
--color-emu-egg-300: #8cc3c2;
--color-emu-egg-400: #6aaca9;
--color-emu-egg-500: #459592;
--color-emu-egg-600: #3c7e7b;
--color-emu-egg-700: #306563;
--color-emu-egg-800: #214a48;
--color-emu-egg-900: #163432;
--color-emu-egg-950: #071f1e;
}SCSS
$emu-egg: #3d8481;
$emu-egg-rgb: 61, 132, 129;
$emu-egg-light: mix(#fff, $emu-egg, 20%);
$emu-egg-dark: mix(#000, $emu-egg, 20%);
.element {
color: $emu-egg;
box-shadow: 0 0 0 2px rgba($emu-egg, 0.35);
}