أقرب لون مسمّى · #FFE2D3
#FFE2D3
أقرب لون مسمّى: Glazed Sugar
#FFE2D3 (rgb(255 226 211)، hsl(20 100% 91%)، oklch(0.933 0.038 49.1)) أقرب إلى اللون المسمّى Glazed Sugar. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#FFE2D3
oklch(0.933 0.038 49.1)
تحويلات الألوان
- HEX
- #ffe2d3
- RGB
- rgb(255 226 211)
- HSL
- hsl(20 100% 91%)
- HWB
- hwb(20 83% 0%)
- OKLCH
- oklch(0.933 0.038 49.1)
- OKLab
- oklab(0.933 0.025 0.029)
- CIE Lab
- lab(92.01 8.58 11.2)
- LCH
- lch(92.01 14.11 52.6)
- CMYK
- cmyk(0% 11% 17% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFE5D7
- FFE8DC
- FFEBE0
- FFEEE5
- FFF1E9
- FFF3ED
- FFF6F2
- FFF9F6
- FFFCFB
درجات داكنة
- DEC4B7
- BEA89C
- 9E8C82
- 807169
- 635751
- 483E3A
- 2E2724
- 161210
- 030302
درجات رمادية
- F2D8CA
- E4CEC2
- D7C4B9
- CABAB1
- BEB0A9
- B1A6A0
- A59C98
- 989390
- 8C8988
تناسق الألوان
متمم +180°
- FFE2D3
Glazed Sugar
- D0EEFD
≈ Blue Hijab
متجاور -30° +30°
- FFE2D3
Glazed Sugar
- FFE0E0
≈ Red Remains
- F7E6CD
≈ Lunaria
ثلاثي +120° +240°
- FFE2D3
Glazed Sugar
- D1F1E4
≈ Light Shutterbug
- E7E6FF
≈ Cyber Lavender
متمم منقسم +150° +210°
- FFE2D3
Glazed Sugar
- CCF1F2
≈ Diamond League
- DCEAFF
≈ Hoarfrost
رباعي +90° +180° +270°
- FFE2D3
Glazed Sugar
- DCEFD7
≈ Graceful Mint
- D0EEFD
≈ Blue Hijab
- F4E1F9
≈ Minute Mauve
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.23:1 · APCA Lc 11
Ag
AAAعلى الأسود
WCAG 17.07:1 · APCA Lc 93
أفضل لون للنص: #000000
WCAG 17.07:1 (AAA) · APCA Lc 93
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--glazed-sugar: #ffe2d3;
--glazed-sugar-rgb: 255 226 211;
--glazed-sugar-oklch: oklch(0.933 0.038 49.1);
}
.element {
color: var(--glazed-sugar);
background-color: hsl(20 100% 91%);
border-color: oklch(0.933 0.038 49.1);
}Tailwind CSS v4
@theme {
--color-glazed-sugar: #ffe2d3;
--color-glazed-sugar-50: #fff2ec;
--color-glazed-sugar-100: #f3e5dd;
--color-glazed-sugar-200: #e2d0c6;
--color-glazed-sugar-300: #c8b2a6;
--color-glazed-sugar-400: #b2988b;
--color-glazed-sugar-500: #9c7f70;
--color-glazed-sugar-600: #846c5f;
--color-glazed-sugar-700: #69564c;
--color-glazed-sugar-800: #4e3f37;
--color-glazed-sugar-900: #362b26;
--color-glazed-sugar-950: #211814;
}SCSS
$glazed-sugar: #ffe2d3;
$glazed-sugar-rgb: 255, 226, 211;
$glazed-sugar-light: mix(#fff, $glazed-sugar, 20%);
$glazed-sugar-dark: mix(#000, $glazed-sugar, 20%);
.element {
color: $glazed-sugar;
box-shadow: 0 0 0 2px rgba($glazed-sugar, 0.35);
}