لون مسمّى · #FCE7CF
Fair Ivory
Fair Ivory هو #FCE7CF: rgb(252 231 207)، hsl(32 88% 90%)، oklch(0.939 0.039 71). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Fair Ivory color name →
#FCE7CF
oklch(0.939 0.039 71)
تحويلات الألوان
- HEX
- #fce7cf
- RGB
- rgb(252 231 207)
- HSL
- hsl(32 88% 90%)
- HWB
- hwb(32 81% 1%)
- OKLCH
- oklch(0.939 0.039 71)
- OKLab
- oklab(0.939 0.013 0.037)
- CIE Lab
- lab(92.9 4.62 14.46)
- LCH
- lch(92.9 15.18 72.3)
- CMYK
- cmyk(0% 8% 18% 1%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FCE9D4
- FDECD9
- FDEEDD
- FDF1E2
- FEF3E7
- FEF5EC
- FEF8F1
- FEFAF5
- FFFDFA
درجات داكنة
- DBC9B4
- BBAB99
- 9C8F7F
- 7E7367
- 62594F
- 474038
- 2D2823
- 161310
- 030302
درجات رمادية
- EFDCC7
- E2D2BF
- D5C7B7
- C9BDAF
- BCB2A7
- B0A89F
- A49E97
- 98948F
- 8C8A88
تناسق الألوان
متمم +180°
- FCE7CF
Fair Ivory
- DCEDFF
≈ Calcareous Sinter
متجاور -30° +30°
- FCE7CF
Fair Ivory
- FFE4DA
≈ French Manicure
- F0ECCE
≈ Pacific Sand
ثلاثي +120° +240°
- FCE7CF
Fair Ivory
- CEF4F1
≈ Tinted Ice
- F3E4FF
≈ Soft Lavender
متمم منقسم +150° +210°
- FCE7CF
Fair Ivory
- CFF1FD
≈ Blue Hijab
- E7E9FF
≈ Glitter
رباعي +90° +180° +270°
- FCE7CF
Fair Ivory
- D5F3E2
≈ Teal Treat
- DCEDFF
≈ Calcareous Sinter
- FEE1F3
≈ Pale Blossom
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.20:1 · APCA Lc 10
Ag
AAAعلى الأسود
WCAG 17.47:1 · APCA Lc 94
أفضل لون للنص: #000000
WCAG 17.47:1 (AAA) · APCA Lc 94
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fair-ivory: #fce7cf;
--fair-ivory-rgb: 252 231 207;
--fair-ivory-oklch: oklch(0.939 0.039 71);
}
.element {
color: var(--fair-ivory);
background-color: hsl(32 88% 90%);
border-color: oklch(0.939 0.039 71);
}Tailwind CSS v4
@theme {
--color-fair-ivory: #fce7cf;
--color-fair-ivory-50: #fcf4e9;
--color-fair-ivory-100: #f0e6da;
--color-fair-ivory-200: #dfd2c2;
--color-fair-ivory-300: #c4b5a2;
--color-fair-ivory-400: #ae9b86;
--color-fair-ivory-500: #97826a;
--color-fair-ivory-600: #806e5a;
--color-fair-ivory-700: #665848;
--color-fair-ivory-800: #4b4034;
--color-fair-ivory-900: #342c23;
--color-fair-ivory-950: #201912;
}SCSS
$fair-ivory: #fce7cf;
$fair-ivory-rgb: 252, 231, 207;
$fair-ivory-light: mix(#fff, $fair-ivory, 20%);
$fair-ivory-dark: mix(#000, $fair-ivory, 20%);
.element {
color: $fair-ivory;
box-shadow: 0 0 0 2px rgba($fair-ivory, 0.35);
}