لون مسمّى · #EEBB99
Caramel Powder
Caramel Powder هو #EEBB99: rgb(238 187 153)، hsl(24 71% 77%)، oklch(0.83 0.075 55.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Caramel Powder color name →
#EEBB99
oklch(0.83 0.075 55.1)
تحويلات الألوان
- HEX
- #eebb99
- RGB
- rgb(238 187 153)
- HSL
- hsl(24 71% 77%)
- HWB
- hwb(24 60% 7%)
- OKLCH
- oklch(0.83 0.075 55.1)
- OKLab
- oklab(0.83 0.043 0.061)
- CIE Lab
- lab(79.94 15.63 24.66)
- LCH
- lch(79.94 29.2 57.6)
- CMYK
- cmyk(0% 21% 36% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F0C2A3
- F2C9AD
- F4CFB8
- F6D6C2
- F7DDCC
- F9E4D6
- FBEBE0
- FCF1EA
- FEF8F5
درجات داكنة
- CFA284
- B18A70
- 93735D
- 775C4A
- 5C4638
- 423227
- 2A1F17
- 140D08
- 030201
درجات رمادية
- E3B597
- D7AF94
- CCA992
- C1A390
- B69D8D
- AB978B
- A09288
- 958C85
- 8B8683
تناسق الألوان
متمم +180°
- EEBB99
Caramel Powder
- 98D0F1
≈ Fail Whale
متجاور -30° +30°
- EEBB99
Caramel Powder
- F4B5AF
≈ Old Flame
- DDC48F
≈ Farina
ثلاثي +120° +240°
- EEBB99
Caramel Powder
- 93D8C4
≈ Chloride
- CABEF3
≈ Connecticut Lilac
متمم منقسم +150° +210°
- EEBB99
Caramel Powder
- 8BD6DE
≈ VIC 20 Sky
- B0C7F9
≈ Night Snow
رباعي +90° +180° +270°
- EEBB99
Caramel Powder
- A9D5AA
≈ Frugal
- 98D0F1
≈ Fail Whale
- E1B7E2
≈ French Lilac
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.72:1 · APCA Lc 31
Ag
AAAعلى الأسود
WCAG 12.20:1 · APCA Lc 72
أفضل لون للنص: #000000
WCAG 12.20:1 (AAA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--caramel-powder: #eebb99;
--caramel-powder-rgb: 238 187 153;
--caramel-powder-oklch: oklch(0.83 0.075 55.1);
}
.element {
color: var(--caramel-powder);
background-color: hsl(24 71% 77%);
border-color: oklch(0.83 0.075 55.1);
}Tailwind CSS v4
@theme {
--color-caramel-powder: #eebb99;
--color-caramel-powder-50: #fff0e1;
--color-caramel-powder-100: #fce2d0;
--color-caramel-powder-200: #eecdb6;
--color-caramel-powder-300: #d6ae92;
--color-caramel-powder-400: #c19374;
--color-caramel-powder-500: #ad7955;
--color-caramel-powder-600: #926649;
--color-caramel-powder-700: #75523a;
--color-caramel-powder-800: #573b29;
--color-caramel-powder-900: #3d291c;
--color-caramel-powder-950: #26160c;
}SCSS
$caramel-powder: #eebb99;
$caramel-powder-rgb: 238, 187, 153;
$caramel-powder-light: mix(#fff, $caramel-powder, 20%);
$caramel-powder-dark: mix(#000, $caramel-powder, 20%);
.element {
color: $caramel-powder;
box-shadow: 0 0 0 2px rgba($caramel-powder, 0.35);
}