أقرب لون مسمّى · #FFAEAD
#FFAEAD
أقرب لون مسمّى: Apricot Haze
#FFAEAD (rgb(255 174 173)، hsl(1 100% 84%)، oklch(0.828 0.096 20.1)) أقرب إلى اللون المسمّى Apricot Haze. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#FFAEAD
oklch(0.828 0.096 20.1)
تحويلات الألوان
- HEX
- #ffaead
- RGB
- rgb(255 174 173)
- HSL
- hsl(1 100% 84%)
- HWB
- hwb(1 68% 0%)
- OKLCH
- oklch(0.828 0.096 20.1)
- OKLab
- oklab(0.828 0.09 0.033)
- CIE Lab
- lab(79.11 30.41 13.23)
- LCH
- lch(79.11 33.17 23.5)
- CMYK
- cmyk(0% 32% 32% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFB6B5
- FFBEBD
- FFC7C5
- FFCFCD
- FFD7D6
- FFDFDE
- FFE7E6
- FFEFEE
- FFF7F7
درجات داكنة
- DE9796
- BE807F
- 9E6A6A
- 805555
- 634141
- 482E2D
- 2E1C1B
- 160B0B
- 030101
درجات رمادية
- F2AAA8
- E5A5A4
- D8A19F
- CC9C9B
- BF9796
- B29392
- A68E8D
- 998989
- 8D8584
تناسق الألوان
متمم +180°
- FFAEAD
Apricot Haze
- 74DADF
≈ Deep Aquamarine
متجاور -30° +30°
- FFAEAD
Apricot Haze
- F7ADCF
≈ Changeling Pink
- FAB58F
≈ Desert Sunrise
ثلاثي +120° +240°
- FFAEAD
Apricot Haze
- A6D79B
≈ Cool Aloe
- A7C8FF
≈ Night Snow
متمم منقسم +150° +210°
- FFAEAD
Apricot Haze
- 84DBBD
≈ Āsmānī Sky
- 82D3F9
≈ Kul Sharif Blue
رباعي +90° +180° +270°
- FFAEAD
Apricot Haze
- CACD83
≈ Sunken Treasure
- 74DADF
≈ Deep Aquamarine
- C5BDFF
≈ Lavender Tonic
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.76:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 11.90:1 · APCA Lc 71
أفضل لون للنص: #000000
WCAG 11.90:1 (AAA) · APCA Lc 71
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--apricot-haze: #ffaead;
--apricot-haze-rgb: 255 174 173;
--apricot-haze-oklch: oklch(0.828 0.096 20.1);
}
.element {
color: var(--apricot-haze);
background-color: hsl(1 100% 84%);
border-color: oklch(0.828 0.096 20.1);
}Tailwind CSS v4
@theme {
--color-apricot-haze: #ffaead;
--color-apricot-haze-50: #ffebe9;
--color-apricot-haze-100: #ffdcda;
--color-apricot-haze-200: #fbc5c2;
--color-apricot-haze-300: #e4a4a1;
--color-apricot-haze-400: #d18787;
--color-apricot-haze-500: #bd6b6b;
--color-apricot-haze-600: #a05b5b;
--color-apricot-haze-700: #804849;
--color-apricot-haze-800: #5f3436;
--color-apricot-haze-900: #432425;
--color-apricot-haze-950: #2b1213;
}SCSS
$apricot-haze: #ffaead;
$apricot-haze-rgb: 255, 174, 173;
$apricot-haze-light: mix(#fff, $apricot-haze, 20%);
$apricot-haze-dark: mix(#000, $apricot-haze, 20%);
.element {
color: $apricot-haze;
box-shadow: 0 0 0 2px rgba($apricot-haze, 0.35);
}