لون مسمّى · #E7BB95
Fresh Praline
Fresh Praline هو #E7BB95: rgb(231 187 149)، hsl(28 63% 75%)، oklch(0.822 0.072 62.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Fresh Praline color name →
#E7BB95
oklch(0.822 0.072 62.4)
تحويلات الألوان
- HEX
- #e7bb95
- RGB
- rgb(231 187 149)
- HSL
- hsl(28 63% 75%)
- HWB
- hwb(28 58% 9%)
- OKLCH
- oklch(0.822 0.072 62.4)
- OKLab
- oklab(0.822 0.033 0.064)
- CIE Lab
- lab(79.17 12.53 25.59)
- LCH
- lch(79.17 28.5 63.9)
- CMYK
- cmyk(0% 19% 35% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EAC2A0
- ECC9AA
- EFCFB5
- F1D6BF
- F4DDCA
- F6E4D4
- F8EBDF
- FBF1EA
- FDF8F4
درجات داكنة
- C9A281
- AB8A6D
- 8F735A
- 735C48
- 594637
- 403226
- 281F16
- 130D08
- 030201
درجات رمادية
- DCB593
- D2AF91
- C7A98F
- BDA38D
- B39D8B
- A89789
- 9E9287
- 948C85
- 8A8682
تناسق الألوان
متمم +180°
- E7BB95
Fresh Praline
- 9CCBF0
≈ Fail Whale
متجاور -30° +30°
- E7BB95
Fresh Praline
- EFB4A8
≈ Mesa Rose
- D5C48F
≈ Vast Escape
ثلاثي +120° +240°
- E7BB95
Fresh Praline
- 8FD4C8
≈ Green Daze
- CDBAEC
≈ Connecticut Lilac
متمم منقسم +150° +210°
- E7BB95
Fresh Praline
- 8DD2E0
≈ Piccolo
- B4C2F4
≈ Larkspur Bud
رباعي +90° +180° +270°
- E7BB95
Fresh Praline
- A2D3AE
≈ Nihilakh Oxide
- 9CCBF0
≈ Fail Whale
- E1B4D9
≈ French Lilac
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.75:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 11.93:1 · APCA Lc 71
أفضل لون للنص: #000000
WCAG 11.93:1 (AAA) · APCA Lc 71
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fresh-praline: #e7bb95;
--fresh-praline-rgb: 231 187 149;
--fresh-praline-oklch: oklch(0.822 0.072 62.4);
}
.element {
color: var(--fresh-praline);
background-color: hsl(28 63% 75%);
border-color: oklch(0.822 0.072 62.4);
}Tailwind CSS v4
@theme {
--color-fresh-praline: #e7bb95;
--color-fresh-praline-50: #fff1e0;
--color-fresh-praline-100: #fae4d0;
--color-fresh-praline-200: #ebcfb5;
--color-fresh-praline-300: #d2b091;
--color-fresh-praline-400: #be9572;
--color-fresh-praline-500: #a97b53;
--color-fresh-praline-600: #8e6947;
--color-fresh-praline-700: #725438;
--color-fresh-praline-800: #553c28;
--color-fresh-praline-900: #3b2a1b;
--color-fresh-praline-950: #25170b;
}SCSS
$fresh-praline: #e7bb95;
$fresh-praline-rgb: 231, 187, 149;
$fresh-praline-light: mix(#fff, $fresh-praline, 20%);
$fresh-praline-dark: mix(#000, $fresh-praline, 20%);
.element {
color: $fresh-praline;
box-shadow: 0 0 0 2px rgba($fresh-praline, 0.35);
}