أقرب لون مسمّى · #F7E6D6
#F7E6D6
أقرب لون مسمّى: Fondant
#F7E6D6 (rgb(247 230 214)، hsl(29 67% 90%)، oklch(0.934 0.028 65.8)) أقرب إلى اللون المسمّى Fondant. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#F7E6D6
oklch(0.934 0.028 65.8)
تحويلات الألوان
- HEX
- #f7e6d6
- RGB
- rgb(247 230 214)
- HSL
- hsl(29 67% 90%)
- HWB
- hwb(29 84% 3%)
- OKLCH
- oklch(0.934 0.028 65.8)
- OKLab
- oklab(0.934 0.012 0.026)
- CIE Lab
- lab(92.35 4.06 10.02)
- LCH
- lch(92.35 10.81 67.9)
- CMYK
- cmyk(0% 7% 13% 3%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F8E8DA
- F9EBDE
- F9EDE2
- FAF0E6
- FBF2EA
- FCF5EF
- FDF7F3
- FDFAF7
- FEFCFB
درجات داكنة
- D7C8BA
- B7AB9E
- 998E84
- 7C736A
- 605952
- 45403B
- 2C2825
- 151310
- 030302
درجات رمادية
- EBDBCD
- DED1C4
- D2C6BB
- C6BCB3
- BAB2AA
- AEA8A2
- A29D99
- 979491
- 8B8A88
تناسق الألوان
متمم +180°
- F7E6D6
Fondant
- DAECFC
≈ Hoarfrost
متجاور -30° +30°
- F7E6D6
Fondant
- FBE3DD
≈ Berry Cheesecake
- EFEAD5
≈ Eggshell
ثلاثي +120° +240°
- F7E6D6
Fondant
- D5F0EC
≈ Icy Wind
- EEE5F9
≈ Holographic Lavender
متمم منقسم +150° +210°
- F7E6D6
Fondant
- D5EFF5
≈ Frostproof
- E4E8FD
≈ Glitter
رباعي +90° +180° +270°
- F7E6D6
Fondant
- DBEFE1
≈ Sea Mist
- DAECFC
≈ Hoarfrost
- F6E3F1
≈ Petal Poise
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.21:1 · APCA Lc 11
Ag
AAAعلى الأسود
WCAG 17.24:1 · APCA Lc 93
أفضل لون للنص: #000000
WCAG 17.24:1 (AAA) · APCA Lc 93
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fondant: #f7e6d6;
--fondant-rgb: 247 230 214;
--fondant-oklch: oklch(0.934 0.028 65.8);
}
.element {
color: var(--fondant);
background-color: hsl(29 67% 90%);
border-color: oklch(0.934 0.028 65.8);
}Tailwind CSS v4
@theme {
--color-fondant: #f7e6d6;
--color-fondant-50: #fbf4ed;
--color-fondant-100: #eee6de;
--color-fondant-200: #ddd2c8;
--color-fondant-300: #c1b5a8;
--color-fondant-400: #aa9b8d;
--color-fondant-500: #948373;
--color-fondant-600: #7d6f61;
--color-fondant-700: #64594e;
--color-fondant-800: #4a4038;
--color-fondant-900: #332c27;
--color-fondant-950: #1f1915;
}SCSS
$fondant: #f7e6d6;
$fondant-rgb: 247, 230, 214;
$fondant-light: mix(#fff, $fondant, 20%);
$fondant-dark: mix(#000, $fondant, 20%);
.element {
color: $fondant;
box-shadow: 0 0 0 2px rgba($fondant, 0.35);
}