لون مسمّى · #F1F1C6
Spring Sun
Spring Sun هو #F1F1C6: rgb(241 241 198)، hsl(60 61% 86%)، oklch(0.947 0.056 107.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Spring Sun color name →
#F1F1C6
oklch(0.947 0.056 107.4)
تحويلات الألوان
- HEX
- #f1f1c6
- RGB
- rgb(241 241 198)
- HSL
- hsl(60 61% 86%)
- HWB
- hwb(60 78% 5%)
- OKLCH
- oklch(0.947 0.056 107.4)
- OKLab
- oklab(0.947 -0.017 0.053)
- CIE Lab
- lab(94.34 -5.15 20.89)
- LCH
- lch(94.34 21.51 103.8)
- CMYK
- cmyk(0% 0% 18% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F2F2CC
- F4F4D2
- F5F5D7
- F6F7DD
- F8F8E3
- F9FAE8
- FBFBEE
- FCFCF4
- FEFEF9
درجات داكنة
- D2D2AC
- B3B392
- 95957A
- 797962
- 5D5D4B
- 434335
- 2B2B21
- 14140E
- 030302
درجات رمادية
- E5E5BF
- D9D9B8
- CECEB1
- C2C2AA
- B7B7A3
- ACAC9C
- A0A195
- 95968E
- 8B8B87
تناسق الألوان
متمم +180°
- F1F1C6
Spring Sun
- ECEBFF
≈ Placebo Purple
متجاور -30° +30°
- F1F1C6
Spring Sun
- FFEACD
≈ Blanched Almond
- DCF7D3
≈ Frosted Garden
ثلاثي +120° +240°
- F1F1C6
Spring Sun
- D8F3FF
≈ Wizard White
- FFE5F2
≈ Cherubic
متمم منقسم +150° +210°
- F1F1C6
Spring Sun
- E3EFFF
≈ Brilliant White
- F9E6FF
≈ Soft Lavender
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.15:1 · APCA Lc 7
Ag
AAAعلى الأسود
WCAG 18.13:1 · APCA Lc 97
أفضل لون للنص: #000000
WCAG 18.13:1 (AAA) · APCA Lc 97
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--spring-sun: #f1f1c6;
--spring-sun-rgb: 241 241 198;
--spring-sun-oklch: oklch(0.947 0.056 107.4);
}
.element {
color: var(--spring-sun);
background-color: hsl(60 61% 86%);
border-color: oklch(0.947 0.056 107.4);
}Tailwind CSS v4
@theme {
--color-spring-sun: #f1f1c6;
--color-spring-sun-50: #f6f7e5;
--color-spring-sun-100: #e9ead5;
--color-spring-sun-200: #d5d7bc;
--color-spring-sun-300: #b9ba9a;
--color-spring-sun-400: #a1a17b;
--color-spring-sun-500: #8a895d;
--color-spring-sun-600: #75744f;
--color-spring-sun-700: #5d5d3f;
--color-spring-sun-800: #45442d;
--color-spring-sun-900: #302f1e;
--color-spring-sun-950: #1c1b0e;
}SCSS
$spring-sun: #f1f1c6;
$spring-sun-rgb: 241, 241, 198;
$spring-sun-light: mix(#fff, $spring-sun, 20%);
$spring-sun-dark: mix(#000, $spring-sun, 20%);
.element {
color: $spring-sun;
box-shadow: 0 0 0 2px rgba($spring-sun, 0.35);
}