لون مسمّى · #E3A385
Peach Nougat
Peach Nougat هو #E3A385: rgb(227 163 133)، hsl(19 63% 71%)، oklch(0.769 0.087 46.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Peach Nougat color name →
#E3A385
oklch(0.769 0.087 46.1)
تحويلات الألوان
- HEX
- #e3a385
- RGB
- rgb(227 163 133)
- HSL
- hsl(19 63% 71%)
- HWB
- hwb(19 52% 11%)
- OKLCH
- oklch(0.769 0.087 46.1)
- OKLab
- oklab(0.769 0.06 0.063)
- CIE Lab
- lab(72.74 21.74 25.5)
- LCH
- lch(72.74 33.51 49.6)
- CMYK
- cmyk(0% 28% 41% 11%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E6AC91
- EAB59D
- EDBFA9
- F0C8B5
- F3D1C1
- F5DACE
- F8E3DA
- FAEDE6
- FDF6F3
درجات داكنة
- C58D73
- A87861
- 8C6350
- 714F40
- 573C30
- 3F2A21
- 271913
- 120A06
- 030101
درجات رمادية
- D9A085
- CF9C85
- C59984
- BB9584
- B19283
- A88E83
- 9E8B82
- 948782
- 8A8481
تناسق الألوان
متمم +180°
- E3A385
Peach Nougat
- 74C0DF
≈ Mizu
متجاور -30° +30°
- E3A385
Peach Nougat
- E69EA1
≈ Strawberry Smoothie
- D4AD74
≈ Drops of Honey
ثلاثي +120° +240°
- E3A385
Peach Nougat
- 7CC6A7
≈ Green Balloon
- AFACE9
≈ Maximum Blue Purple
متمم منقسم +150° +210°
- E3A385
Peach Nougat
- 6BC6C6
≈ Chinese Lacquer
- 90B7EB
≈ Electric Eel
رباعي +90° +180° +270°
- E3A385
Peach Nougat
- 9BC18A
≈ Olive Sand
- 74C0DF
≈ Mizu
- CAA3DA
≈ Spring Wisteria
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.13:1 · APCA Lc 42
Ag
AAAعلى الأسود
WCAG 9.84:1 · APCA Lc 60
أفضل لون للنص: #000000
WCAG 9.84:1 (AAA) · APCA Lc 60
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peach-nougat: #e3a385;
--peach-nougat-rgb: 227 163 133;
--peach-nougat-oklch: oklch(0.769 0.087 46.1);
}
.element {
color: var(--peach-nougat);
background-color: hsl(19 63% 71%);
border-color: oklch(0.769 0.087 46.1);
}Tailwind CSS v4
@theme {
--color-peach-nougat: #e3a385;
--color-peach-nougat-50: #ffeee0;
--color-peach-nougat-100: #ffe0cf;
--color-peach-nougat-200: #f4cab5;
--color-peach-nougat-300: #ddab91;
--color-peach-nougat-400: #ca8e73;
--color-peach-nougat-500: #b67353;
--color-peach-nougat-600: #996247;
--color-peach-nougat-700: #7b4e39;
--color-peach-nougat-800: #5c3829;
--color-peach-nougat-900: #40271b;
--color-peach-nougat-950: #29150c;
}SCSS
$peach-nougat: #e3a385;
$peach-nougat-rgb: 227, 163, 133;
$peach-nougat-light: mix(#fff, $peach-nougat, 20%);
$peach-nougat-dark: mix(#000, $peach-nougat, 20%);
.element {
color: $peach-nougat;
box-shadow: 0 0 0 2px rgba($peach-nougat, 0.35);
}