لون مسمّى · #F6C75E
Deep Fried Sunrays
Deep Fried Sunrays هو #F6C75E: rgb(246 199 94)، hsl(41 89% 67%)، oklch(0.851 0.133 85). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Deep Fried Sunrays color name →
#F6C75E
oklch(0.851 0.133 85)
تحويلات الألوان
- HEX
- #f6c75e
- RGB
- rgb(246 199 94)
- HSL
- hsl(41 89% 67%)
- HWB
- hwb(41 37% 4%)
- OKLCH
- oklch(0.851 0.133 85)
- OKLab
- oklab(0.851 0.012 0.133)
- CIE Lab
- lab(82.98 9.01 57.81)
- LCH
- lch(82.98 58.51 81.1)
- CMYK
- cmyk(0% 19% 62% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F7CD72
- F8D384
- F9D994
- FADEA4
- FBE4B4
- FCE9C3
- FDEFD3
- FEF4E1
- FEFAF0
درجات داكنة
- D6AD51
- B79344
- 987A37
- 7B622B
- 5F4C1F
- 453614
- 2C210A
- 150E03
- 030200
درجات رمادية
- EAC065
- DEB96A
- D1B26F
- C5AB73
- BAA476
- AE9D79
- A2957B
- 978E7D
- 8B877F
تناسق الألوان
متمم +180°
- F6C75E
Deep Fried Sunrays
- B7CEFF
≈ Ice Cold Stare
متجاور -30° +30°
- F6C75E
Deep Fried Sunrays
- FFBE92
≈ Sunset Cruise
- CBD86D
≈ Cool as a Cucumber
ثلاثي +120° +240°
- F6C75E
Deep Fried Sunrays
- 3EE7F7
≈ Shimmering Expanse Cyan
- FAAFFE
≈ Strawberry Buttercream
متمم منقسم +150° +210°
- F6C75E
Deep Fried Sunrays
- 95D8FF
≈ Shiva Blue
- D1C4FF
≈ Innocent Snowdrop
رباعي +90° +180° +270°
- F6C75E
Deep Fried Sunrays
- 59EAC9
≈ Aphrodite Aqua
- B7CEFF
≈ Ice Cold Stare
- FFB6D1
≈ Candy Bar
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.58:1 · APCA Lc 26
Ag
AAAعلى الأسود
WCAG 13.24:1 · APCA Lc 77
أفضل لون للنص: #000000
WCAG 13.24:1 (AAA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--deep-fried-sunrays: #f6c75e;
--deep-fried-sunrays-rgb: 246 199 94;
--deep-fried-sunrays-oklch: oklch(0.851 0.133 85);
}
.element {
color: var(--deep-fried-sunrays);
background-color: hsl(41 89% 67%);
border-color: oklch(0.851 0.133 85);
}Tailwind CSS v4
@theme {
--color-deep-fried-sunrays: #f6c75e;
--color-deep-fried-sunrays-50: #fff4ca;
--color-deep-fried-sunrays-100: #fbe6b5;
--color-deep-fried-sunrays-200: #edd192;
--color-deep-fried-sunrays-300: #d5b363;
--color-deep-fried-sunrays-400: #c29730;
--color-deep-fried-sunrays-500: #ae7d00;
--color-deep-fried-sunrays-600: #936a00;
--color-deep-fried-sunrays-700: #765500;
--color-deep-fried-sunrays-800: #583d00;
--color-deep-fried-sunrays-900: #3e2a00;
--color-deep-fried-sunrays-950: #271700;
}SCSS
$deep-fried-sunrays: #f6c75e;
$deep-fried-sunrays-rgb: 246, 199, 94;
$deep-fried-sunrays-light: mix(#fff, $deep-fried-sunrays, 20%);
$deep-fried-sunrays-dark: mix(#000, $deep-fried-sunrays, 20%);
.element {
color: $deep-fried-sunrays;
box-shadow: 0 0 0 2px rgba($deep-fried-sunrays, 0.35);
}