لون مسمّى · #EDD1A8
Soufflé
Soufflé هو #EDD1A8: rgb(237 209 168)، hsl(36 66% 79%)، oklch(0.874 0.062 77.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Soufflé color name →
#EDD1A8
oklch(0.874 0.062 77.2)
تحويلات الألوان
- HEX
- #edd1a8
- RGB
- rgb(237 209 168)
- HSL
- hsl(36 66% 79%)
- HWB
- hwb(36 66% 7%)
- OKLCH
- oklch(0.874 0.062 77.2)
- OKLab
- oklab(0.874 0.014 0.061)
- CIE Lab
- lab(85.47 5.69 24.19)
- LCH
- lch(85.47 24.86 76.8)
- CMYK
- cmyk(0% 12% 29% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EFD6B1
- F1DABA
- F3DFC2
- F4E3CB
- F6E8D4
- F8EDDC
- FAF1E5
- FCF6EE
- FDFAF6
درجات داكنة
- CEB592
- B09B7C
- 938167
- 776852
- 5C503F
- 42392C
- 2A231A
- 14100A
- 030201
درجات رمادية
- E2C9A4
- D6C0A0
- CBB89C
- C0B098
- B5A894
- AAA090
- A0988C
- 959088
- 8A8884
تناسق الألوان
متمم +180°
- EDD1A8
Soufflé
- BCD8FF
≈ Oh Boy!
متجاور -30° +30°
- EDD1A8
Soufflé
- F9CAB3
≈ Biscuit Cream
- D9D9AA
≈ Sunlit Leaf
ثلاثي +120° +240°
- EDD1A8
Soufflé
- A5E3E4
≈ Ice Crystal Blue
- E7C9F1
≈ Mousse aux Pruneaux
متمم منقسم +150° +210°
- EDD1A8
Soufflé
- ABDFF6
≈ Azure Sky
- D2D0FD
≈ Pale Phthalo Blue
رباعي +90° +180° +270°
- EDD1A8
Soufflé
- AFE3CD
≈ Quiet Jade
- BCD8FF
≈ Oh Boy!
- F6C6DD
≈ Laelia Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.46:1 · APCA Lc 22
Ag
AAAعلى الأسود
WCAG 14.28:1 · APCA Lc 81
أفضل لون للنص: #000000
WCAG 14.28:1 (AAA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--souffle: #edd1a8;
--souffle-rgb: 237 209 168;
--souffle-oklch: oklch(0.874 0.062 77.2);
}
.element {
color: var(--souffle);
background-color: hsl(36 66% 79%);
border-color: oklch(0.874 0.062 77.2);
}Tailwind CSS v4
@theme {
--color-souffle: #edd1a8;
--color-souffle-50: #fff4e2;
--color-souffle-100: #f3e6d1;
--color-souffle-200: #e3d2b7;
--color-souffle-300: #c9b494;
--color-souffle-400: #b39a75;
--color-souffle-500: #9e8156;
--color-souffle-600: #856d49;
--color-souffle-700: #6b573a;
--color-souffle-800: #4f3f2a;
--color-souffle-900: #372c1c;
--color-souffle-950: #22190c;
}SCSS
$souffle: #edd1a8;
$souffle-rgb: 237, 209, 168;
$souffle-light: mix(#fff, $souffle, 20%);
$souffle-dark: mix(#000, $souffle, 20%);
.element {
color: $souffle;
box-shadow: 0 0 0 2px rgba($souffle, 0.35);
}