لون مسمّى · #FFE1A3
Midday Sun
Midday Sun هو #FFE1A3: rgb(255 225 163)، hsl(40 100% 82%)، oklch(0.92 0.085 85). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Midday Sun color name →
#FFE1A3
oklch(0.92 0.085 85)
تحويلات الألوان
- HEX
- #ffe1a3
- RGB
- rgb(255 225 163)
- HSL
- hsl(40 100% 82%)
- HWB
- hwb(40 64% 0%)
- OKLCH
- oklch(0.92 0.085 85)
- OKLab
- oklab(0.92 0.008 0.085)
- CIE Lab
- lab(90.98 4.43 34.39)
- LCH
- lch(90.98 34.67 82.7)
- CMYK
- cmyk(0% 12% 36% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFE4AD
- FFE7B6
- FFEAC0
- FFEDC9
- FFF0D2
- FFF3DB
- FFF6E4
- FFF9ED
- FFFCF6
درجات داكنة
- DEC48D
- BEA778
- 9E8B63
- 80704F
- 63563C
- 483E2A
- 2E2719
- 16120A
- 030201
درجات رمادية
- F2D7A0
- E4CD9D
- D7C39A
- CAB996
- BEB093
- B1A68F
- A49C8C
- 989388
- 8C8984
تناسق الألوان
متمم +180°
- FFE1A3
Midday Sun
- D8E5FF
≈ Veiling Waterfalls
متجاور -30° +30°
- FFE1A3
Midday Sun
- FFDDC7
≈ Coral Kiss
- E2ECAA
≈ Wedge of Lime
ثلاثي +120° +240°
- FFE1A3
Midday Sun
- A0F5FF
≈ Waterspout
- FDD5FF
≈ Pink Diamond
متمم منقسم +150° +210°
- FFE1A3
Midday Sun
- C9EAFF
≈ Blue Java Banana
- E6E0FF
≈ Stoic White
رباعي +90° +180° +270°
- FFE1A3
Midday Sun
- A7F8E1
≈ Icery
- D8E5FF
≈ Veiling Waterfalls
- FFD9E6
≈ Pink Supremecy
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.26:1 · APCA Lc 13
Ag
AAAعلى الأسود
WCAG 16.55:1 · APCA Lc 91
أفضل لون للنص: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--midday-sun: #ffe1a3;
--midday-sun-rgb: 255 225 163;
--midday-sun-oklch: oklch(0.92 0.085 85);
}
.element {
color: var(--midday-sun);
background-color: hsl(40 100% 82%);
border-color: oklch(0.92 0.085 85);
}Tailwind CSS v4
@theme {
--color-midday-sun: #ffe1a3;
--color-midday-sun-50: #fff4da;
--color-midday-sun-100: #f4e7c8;
--color-midday-sun-200: #e4d3ab;
--color-midday-sun-300: #cab585;
--color-midday-sun-400: #b69b62;
--color-midday-sun-500: #a0823e;
--color-midday-sun-600: #876e36;
--color-midday-sun-700: #6c582b;
--color-midday-sun-800: #51401d;
--color-midday-sun-900: #382c13;
--color-midday-sun-950: #231905;
}SCSS
$midday-sun: #ffe1a3;
$midday-sun-rgb: 255, 225, 163;
$midday-sun-light: mix(#fff, $midday-sun, 20%);
$midday-sun-dark: mix(#000, $midday-sun, 20%);
.element {
color: $midday-sun;
box-shadow: 0 0 0 2px rgba($midday-sun, 0.35);
}