لون مسمّى · #A2C748
Seductive Thorns
Seductive Thorns هو #A2C748: rgb(162 199 72)، hsl(77 53% 53%)، oklch(0.778 0.158 123.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Seductive Thorns color name →
#A2C748
oklch(0.778 0.158 123.9)
تحويلات الألوان
- HEX
- #a2c748
- RGB
- rgb(162 199 72)
- HSL
- hsl(77 53% 53%)
- HWB
- hwb(77 28% 22%)
- OKLCH
- oklch(0.778 0.158 123.9)
- OKLab
- oklab(0.778 -0.088 0.132)
- CIE Lab
- lab(75.68 -26.44 56.92)
- LCH
- lch(75.68 62.76 114.9)
- CMYK
- cmyk(19% 0% 64% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ABCD5F
- B4D374
- BDD986
- C6DE99
- CFE4AA
- D9E9BB
- E2EFCC
- ECF4DD
- F5FAEE
درجات داكنة
- 8CAD3D
- 779333
- 637A29
- 4F621F
- 3C4C16
- 2A360D
- 192106
- 0A0E02
- 010200
درجات رمادية
- 9EC052
- 9BB95A
- 98B261
- 94AB67
- 91A46D
- 8D9D71
- 8A9576
- 878E79
- 83877D
تناسق الألوان
متمم +180°
- A2C748
Seductive Thorns
- CA9FFF
≈ Hydrangea Purple
متجاور -30° +30°
- A2C748
Seductive Thorns
- D8B307
≈ Crown of Liechtenstein
- 53D487
≈ Envy’s Love
ثلاثي +120° +240°
- A2C748
Seductive Thorns
- 6DBFFF
≈ Broken Blue
- FF8FAD
≈ Schauss Pink
متمم منقسم +150° +210°
- A2C748
Seductive Thorns
- A0B1FF
≈ Wondrous Wisteria
- F28DE0
≈ Bubblegum Kisses
رباعي +90° +180° +270°
- A2C748
Seductive Thorns
- 00CCEC
≈ Picnic Day Sky
- CA9FFF
≈ Hydrangea Purple
- FF967E
≈ Orange Aura
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.94:1 · APCA Lc 37
Ag
AAAعلى الأسود
WCAG 10.79:1 · APCA Lc 65
أفضل لون للنص: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--seductive-thorns: #a2c748;
--seductive-thorns-rgb: 162 199 72;
--seductive-thorns-oklch: oklch(0.778 0.158 123.9);
}
.element {
color: var(--seductive-thorns);
background-color: hsl(77 53% 53%);
border-color: oklch(0.778 0.158 123.9);
}Tailwind CSS v4
@theme {
--color-seductive-thorns: #a2c748;
--color-seductive-thorns-50: #eafecd;
--color-seductive-thorns-100: #dbf2b9;
--color-seductive-thorns-200: #c3e196;
--color-seductive-thorns-300: #a3c669;
--color-seductive-thorns-400: #8bad34;
--color-seductive-thorns-500: #719600;
--color-seductive-thorns-600: #607f00;
--color-seductive-thorns-700: #4c6600;
--color-seductive-thorns-800: #3a4a00;
--color-seductive-thorns-900: #273300;
--color-seductive-thorns-950: #161f00;
}SCSS
$seductive-thorns: #a2c748;
$seductive-thorns-rgb: 162, 199, 72;
$seductive-thorns-light: mix(#fff, $seductive-thorns, 20%);
$seductive-thorns-dark: mix(#000, $seductive-thorns, 20%);
.element {
color: $seductive-thorns;
box-shadow: 0 0 0 2px rgba($seductive-thorns, 0.35);
}