لون مسمّى · #FAE5BF
Saturn
Saturn هو #FAE5BF: rgb(250 229 191)، hsl(39 86% 86%)، oklch(0.929 0.055 82.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Saturn color name →
#FAE5BF
oklch(0.929 0.055 82.4)
تحويلات الألوان
- HEX
- #fae5bf
- RGB
- rgb(250 229 191)
- HSL
- hsl(39 86% 86%)
- HWB
- hwb(39 75% 2%)
- OKLCH
- oklch(0.929 0.055 82.4)
- OKLab
- oklab(0.929 0.007 0.054)
- CIE Lab
- lab(91.95 3.17 21.35)
- LCH
- lch(91.95 21.58 81.6)
- CMYK
- cmyk(0% 8% 24% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FBE8C6
- FBEACC
- FCEDD2
- FCF0D9
- FDF2DF
- FDF5E6
- FEF7EC
- FEFAF2
- FFFCF9
درجات داكنة
- D9C7A6
- BAAA8D
- 9B8E75
- 7D725E
- 615848
- 463F33
- 2D281F
- 15120D
- 030302
درجات رمادية
- EDDAB9
- E0D0B2
- D4C6AC
- C8BBA6
- BBB19F
- AFA799
- A39D93
- 97938D
- 8C8A86
تناسق الألوان
متمم +180°
- FAE5BF
Saturn
- DCE8FF
≈ Cloudless
متجاور -30° +30°
- FAE5BF
Saturn
- FFE1CF
≈ Powdered Peach
- E8ECC3
≈ Olive Creed
ثلاثي +120° +240°
- FAE5BF
Saturn
- BEF3F8
≈ Pale Sky
- FADCFE
≈ Sugarpills
متمم منقسم +150° +210°
- FAE5BF
Saturn
- CDEDFF
≈ Blue Hijab
- E8E4FF
≈ Lavender Mist
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.23:1 · APCA Lc 12
Ag
AAAعلى الأسود
WCAG 17.02:1 · APCA Lc 92
أفضل لون للنص: #000000
WCAG 17.02:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--saturn: #fae5bf;
--saturn-rgb: 250 229 191;
--saturn-oklch: oklch(0.929 0.055 82.4);
}
.element {
color: var(--saturn);
background-color: hsl(39 86% 86%);
border-color: oklch(0.929 0.055 82.4);
}Tailwind CSS v4
@theme {
--color-saturn: #fae5bf;
--color-saturn-50: #fdf4e4;
--color-saturn-100: #f0e7d4;
--color-saturn-200: #dfd3ba;
--color-saturn-300: #c5b698;
--color-saturn-400: #af9c7a;
--color-saturn-500: #98835c;
--color-saturn-600: #816f4e;
--color-saturn-700: #67593e;
--color-saturn-800: #4c402d;
--color-saturn-900: #352c1e;
--color-saturn-950: #20190e;
}SCSS
$saturn: #fae5bf;
$saturn-rgb: 250, 229, 191;
$saturn-light: mix(#fff, $saturn, 20%);
$saturn-dark: mix(#000, $saturn, 20%);
.element {
color: $saturn;
box-shadow: 0 0 0 2px rgba($saturn, 0.35);
}