لون مسمّى · #F7D395
Jonquil Trail
Jonquil Trail هو #F7D395: rgb(247 211 149)، hsl(38 86% 78%)، oklch(0.883 0.089 80.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Jonquil Trail color name →
#F7D395
oklch(0.883 0.089 80.7)
تحويلات الألوان
- HEX
- #f7d395
- RGB
- rgb(247 211 149)
- HSL
- hsl(38 86% 78%)
- HWB
- hwb(38 58% 3%)
- OKLCH
- oklch(0.883 0.089 80.7)
- OKLab
- oklab(0.883 0.014 0.087)
- CIE Lab
- lab(86.61 6.97 35.64)
- LCH
- lch(86.61 36.31 78.9)
- CMYK
- cmyk(0% 15% 40% 3%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F8D8A0
- F9DCAB
- FAE0B6
- FBE5C0
- FBE9CB
- FCEED6
- FDF2E0
- FEF6EA
- FEFBF5
درجات داكنة
- D7B781
- B79C6D
- 99825A
- 7C6948
- 605137
- 453A26
- 2C2416
- 151008
- 030201
درجات رمادية
- EBCA94
- DEC292
- D2BA90
- C6B18E
- BAA98C
- AEA18A
- A29888
- 979085
- 8B8883
تناسق الألوان
متمم +180°
- F7D395
Jonquil Trail
- C4DAFF
≈ Broad Daylight
متجاور -30° +30°
- F7D395
Jonquil Trail
- FFCCB0
≈ Blushing Cherub
- DBDF9A
≈ Young Wheat
ثلاثي +120° +240°
- F7D395
Jonquil Trail
- 8EEBF0
≈ Bath Water
- F4C6FD
≈ Aquarelle Lilac
متمم منقسم +150° +210°
- F7D395
Jonquil Trail
- A9E2FF
≈ Frozen Landscape
- D8D2FF
≈ Pale Lavender
رباعي +90° +180° +270°
- F7D395
Jonquil Trail
- 9BECD0
≈ Oasis Stream
- C4DAFF
≈ Broad Daylight
- FFC6DF
≈ Sweet Romance
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.42:1 · APCA Lc 21
Ag
AAAعلى الأسود
WCAG 14.70:1 · APCA Lc 83
أفضل لون للنص: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--jonquil-trail: #f7d395;
--jonquil-trail-rgb: 247 211 149;
--jonquil-trail-oklch: oklch(0.883 0.089 80.7);
}
.element {
color: var(--jonquil-trail);
background-color: hsl(38 86% 78%);
border-color: oklch(0.883 0.089 80.7);
}Tailwind CSS v4
@theme {
--color-jonquil-trail: #f7d395;
--color-jonquil-trail-50: #fff3d9;
--color-jonquil-trail-100: #f7e6c7;
--color-jonquil-trail-200: #e7d1aa;
--color-jonquil-trail-300: #ceb483;
--color-jonquil-trail-400: #ba9960;
--color-jonquil-trail-500: #a4803b;
--color-jonquil-trail-600: #8b6c33;
--color-jonquil-trail-700: #6f5629;
--color-jonquil-trail-800: #533e1c;
--color-jonquil-trail-900: #3a2b12;
--color-jonquil-trail-950: #241805;
}SCSS
$jonquil-trail: #f7d395;
$jonquil-trail-rgb: 247, 211, 149;
$jonquil-trail-light: mix(#fff, $jonquil-trail, 20%);
$jonquil-trail-dark: mix(#000, $jonquil-trail, 20%);
.element {
color: $jonquil-trail;
box-shadow: 0 0 0 2px rgba($jonquil-trail, 0.35);
}