أقرب لون مسمّى · #F5EBE2
#F5EBE2
أقرب لون مسمّى: Gardenia
#F5EBE2 (rgb(245 235 226)، hsl(28 49% 92%)، oklch(0.945 0.016 64.7)) أقرب إلى اللون المسمّى Gardenia. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#F5EBE2
oklch(0.945 0.016 64.7)
تحويلات الألوان
- HEX
- #f5ebe2
- RGB
- rgb(245 235 226)
- HSL
- hsl(28 49% 92%)
- HWB
- hwb(28 89% 4%)
- OKLCH
- oklch(0.945 0.016 64.7)
- OKLab
- oklab(0.945 0.007 0.015)
- CIE Lab
- lab(93.66 2.37 5.65)
- LCH
- lch(93.66 6.12 67.3)
- CMYK
- cmyk(0% 4% 8% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F6EDE5
- F7EFE8
- F8F1EB
- F9F3EE
- FAF5F0
- FBF7F3
- FCF9F6
- FDFBF9
- FEFDFC
درجات داكنة
- D5CCC4
- B6AEA8
- 98918C
- 7B7571
- 5F5B57
- 44413E
- 2B2927
- 151312
- 030303
درجات رمادية
- E9E0D8
- DDD5CE
- D0CAC4
- C5BFBA
- B9B4B0
- ADA9A6
- A29F9C
- 969493
- 8B8A89
تناسق الألوان
متمم +180°
- F5EBE2
Gardenia
- E4EEF7
≈ First Snow
متجاور -30° +30°
- F5EBE2
Gardenia
- F8E9E6
≈ Musical Mist
- F0EDE1
≈ Salt Crystal
ثلاثي +120° +240°
- F5EBE2
Gardenia
- E2F1EE
≈ Himalayan Mist
- EFEAF6
≈ Bright Dusk
متمم منقسم +150° +210°
- F5EBE2
Gardenia
- E1F0F4
≈ Diamond White
- E9ECF8
≈ Coconut White
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.17:1 · APCA Lc 8
Ag
AAAعلى الأسود
WCAG 17.86:1 · APCA Lc 96
أفضل لون للنص: #000000
WCAG 17.86:1 (AAA) · APCA Lc 96
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--gardenia: #f5ebe2;
--gardenia-rgb: 245 235 226;
--gardenia-oklch: oklch(0.945 0.016 64.7);
}
.element {
color: var(--gardenia);
background-color: hsl(28 49% 92%);
border-color: oklch(0.945 0.016 64.7);
}Tailwind CSS v4
@theme {
--color-gardenia: #f5ebe2;
--color-gardenia-50: #f8f4f0;
--color-gardenia-100: #ece7e2;
--color-gardenia-200: #d9d3cd;
--color-gardenia-300: #bdb6af;
--color-gardenia-400: #a59d95;
--color-gardenia-500: #8e847b;
--color-gardenia-600: #787068;
--color-gardenia-700: #605953;
--color-gardenia-800: #47413d;
--color-gardenia-900: #312d2a;
--color-gardenia-950: #1d1a17;
}SCSS
$gardenia: #f5ebe2;
$gardenia-rgb: 245, 235, 226;
$gardenia-light: mix(#fff, $gardenia, 20%);
$gardenia-dark: mix(#000, $gardenia, 20%);
.element {
color: $gardenia;
box-shadow: 0 0 0 2px rgba($gardenia, 0.35);
}