لون مسمّى · #315955
Enchanting Ivy
Enchanting Ivy هو #315955: rgb(49 89 85)، hsl(174 29% 27%)، oklch(0.433 0.046 187.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Enchanting Ivy color name →
#315955
oklch(0.433 0.046 187.4)
تحويلات الألوان
- HEX
- #315955
- RGB
- rgb(49 89 85)
- HSL
- hsl(174 29% 27%)
- HWB
- hwb(174 19% 65%)
- OKLCH
- oklch(0.433 0.046 187.4)
- OKLab
- oklab(0.433 -0.046 -0.006)
- CIE Lab
- lab(34.79 -15.59 -2.35)
- LCH
- lch(34.79 15.77 188.6)
- CMYK
- cmyk(45% 0% 4% 65%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 456864
- 587874
- 6C8884
- 809895
- 94A8A6
- A9B9B7
- BECAC9
- D3DCDB
- E9EDED
درجات داكنة
- 294C49
- 22403D
- 1A3431
- 132826
- 0C1D1C
- 061311
- 030908
- 010302
- 000000
درجات رمادية
- 3A5D59
- 42615D
- 4A6562
- 526966
- 5A6C6A
- 61706E
- 697473
- 717877
- 787C7C
تناسق الألوان
متمم +180°
- 315955
Enchanting Ivy
- 67464C
≈ Estate Vineyard
متجاور -30° +30°
- 315955
Enchanting Ivy
- 3B5947
≈ Royal Hunter Green
- 325761
≈ Green Moonstone
ثلاثي +120° +240°
- 315955
Enchanting Ivy
- 574A65
≈ Paparazzi
- 624C35
≈ Black Power
متمم منقسم +150° +210°
- 315955
Enchanting Ivy
- 61475A
≈ Ripe Mulberry
- 67483F
≈ Spiced Wine
رباعي +90° +180° +270°
- 315955
Enchanting Ivy
- 4A4E6A
≈ Crown Blue
- 67464C
≈ Estate Vineyard
- 575133
≈ Avocado Pear
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.80:1 · APCA Lc 87
Ag
Failعلى الأسود
WCAG 2.69:1 · APCA Lc 15
أفضل لون للنص: #FFFFFF
WCAG 7.80:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--enchanting-ivy: #315955;
--enchanting-ivy-rgb: 49 89 85;
--enchanting-ivy-oklch: oklch(0.433 0.046 187.4);
}
.element {
color: var(--enchanting-ivy);
background-color: hsl(174 29% 27%);
border-color: oklch(0.433 0.046 187.4);
}Tailwind CSS v4
@theme {
--color-enchanting-ivy: #315955;
--color-enchanting-ivy-50: #e7faf8;
--color-enchanting-ivy-100: #d8edeb;
--color-enchanting-ivy-200: #bfdbd8;
--color-enchanting-ivy-300: #9ebfbc;
--color-enchanting-ivy-400: #80a8a3;
--color-enchanting-ivy-500: #62908b;
--color-enchanting-ivy-600: #547a76;
--color-enchanting-ivy-700: #43625e;
--color-enchanting-ivy-800: #304844;
--color-enchanting-ivy-900: #21322f;
--color-enchanting-ivy-950: #101e1c;
}SCSS
$enchanting-ivy: #315955;
$enchanting-ivy-rgb: 49, 89, 85;
$enchanting-ivy-light: mix(#fff, $enchanting-ivy, 20%);
$enchanting-ivy-dark: mix(#000, $enchanting-ivy, 20%);
.element {
color: $enchanting-ivy;
box-shadow: 0 0 0 2px rgba($enchanting-ivy, 0.35);
}