لون مسمّى · #F1E6E0
Siesta Sands
Siesta Sands هو #F1E6E0: rgb(241 230 224)، hsl(21 38% 91%)، oklch(0.932 0.014 50.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Siesta Sands color name →
#F1E6E0
oklch(0.932 0.014 50.8)
تحويلات الألوان
- HEX
- #f1e6e0
- RGB
- rgb(241 230 224)
- HSL
- hsl(21 38% 91%)
- HWB
- hwb(21 88% 5%)
- OKLCH
- oklch(0.932 0.014 50.8)
- OKLab
- oklab(0.932 0.009 0.011)
- CIE Lab
- lab(92.05 3.1 4.33)
- LCH
- lch(92.05 5.33 54.4)
- CMYK
- cmyk(0% 5% 7% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F2E8E3
- F4EBE6
- F5EDE9
- F7F0EC
- F8F2EF
- F9F5F3
- FBF7F6
- FCFAF9
- FEFCFC
درجات داكنة
- D2C8C3
- B3ABA6
- 958E8A
- 797370
- 5D5956
- 43403E
- 2B2827
- 141312
- 030302
درجات رمادية
- E5DBD6
- D9D1CC
- CEC6C2
- C2BCB8
- B7B2AF
- ACA7A5
- A19D9C
- 969492
- 8B8A89
تناسق الألوان
متمم +180°
- F1E6E0
Siesta Sands
- DFEBF1
≈ Prelude
متجاور -30° +30°
- F1E6E0
Siesta Sands
- F2E5E4
≈ Venus Pink
- EEE8DE
≈ Yang Mist
ثلاثي +120° +240°
- F1E6E0
Siesta Sands
- E0ECE7
≈ Second Wind
- E8E7F2
≈ Lavender Syrup
متمم منقسم +150° +210°
- F1E6E0
Siesta Sands
- DEECEC
≈ Winter’s Breath
- E3E9F3
≈ Whisper Blue
رباعي +90° +180° +270°
- F1E6E0
Siesta Sands
- E3EBE2
≈ Summer Shower
- DFEBF1
≈ Prelude
- EDE6EF
≈ In the Spotlight
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.22:1 · APCA Lc 11
Ag
AAAعلى الأسود
WCAG 17.13:1 · APCA Lc 93
أفضل لون للنص: #000000
WCAG 17.13:1 (AAA) · APCA Lc 93
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--siesta-sands: #f1e6e0;
--siesta-sands-rgb: 241 230 224;
--siesta-sands-oklch: oklch(0.932 0.014 50.8);
}
.element {
color: var(--siesta-sands);
background-color: hsl(21 38% 91%);
border-color: oklch(0.932 0.014 50.8);
}Tailwind CSS v4
@theme {
--color-siesta-sands: #f1e6e0;
--color-siesta-sands-50: #f9f4f1;
--color-siesta-sands-100: #ece7e3;
--color-siesta-sands-200: #d9d3cf;
--color-siesta-sands-300: #beb5b1;
--color-siesta-sands-400: #a69c97;
--color-siesta-sands-500: #8f847e;
--color-siesta-sands-600: #796f6a;
--color-siesta-sands-700: #605955;
--color-siesta-sands-800: #47413e;
--color-siesta-sands-900: #312d2b;
--color-siesta-sands-950: #1d1a18;
}SCSS
$siesta-sands: #f1e6e0;
$siesta-sands-rgb: 241, 230, 224;
$siesta-sands-light: mix(#fff, $siesta-sands, 20%);
$siesta-sands-dark: mix(#000, $siesta-sands, 20%);
.element {
color: $siesta-sands;
box-shadow: 0 0 0 2px rgba($siesta-sands, 0.35);
}