لون مسمّى · #E07757
Potash
Potash هو #E07757: rgb(224 119 87)، hsl(14 69% 61%)، oklch(0.682 0.139 37.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Potash color name →
#E07757
oklch(0.682 0.139 37.7)
تحويلات الألوان
- HEX
- #e07757
- RGB
- rgb(224 119 87)
- HSL
- hsl(14 69% 61%)
- HWB
- hwb(14 34% 12%)
- OKLCH
- oklch(0.682 0.139 37.7)
- OKLab
- oklab(0.682 0.11 0.085)
- CIE Lab
- lab(61.99 39.74 36.71)
- LCH
- lch(61.99 54.1 42.7)
- CMYK
- cmyk(0% 47% 61% 12%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E58568
- E99379
- EDA18A
- F1AE9A
- F4BCAB
- F7C9BB
- F9D7CC
- FCE4DD
- FEF2EE
درجات داكنة
- C3674B
- A6573E
- 8A4733
- 703827
- 562A1C
- 3E1C12
- 271008
- 120503
- 020100
درجات رمادية
- D7795C
- CE7A61
- C57C66
- BB7D6A
- B27E6E
- A87F72
- 9F7F76
- 958079
- 8B807D
تناسق الألوان
متمم +180°
- E07757
Potash
- 00AACA
≈ Gummy Dolphins
متجاور -30° +30°
- E07757
Potash
- DF7189
≈ Raspberry Mousse
- D08623
≈ Copious Caramel
ثلاثي +120° +240°
- E07757
Potash
- 39B277
≈ Salsify Grass
- 858FED
≈ Perrywinkle
متمم منقسم +150° +210°
- E07757
Potash
- 00B0A6
≈ Cozumel
- 489FEA
≈ Perfect Days
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.02:1 · APCA Lc 57
Ag
AAعلى الأسود
WCAG 6.94:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 6.94:1 (AA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--potash: #e07757;
--potash-rgb: 224 119 87;
--potash-oklch: oklch(0.682 0.139 37.7);
}
.element {
color: var(--potash);
background-color: hsl(14 69% 61%);
border-color: oklch(0.682 0.139 37.7);
}Tailwind CSS v4
@theme {
--color-potash: #e07757;
--color-potash-50: #ffe9d8;
--color-potash-100: #ffd9c6;
--color-potash-200: #ffc1a8;
--color-potash-300: #f49f81;
--color-potash-400: #e37f60;
--color-potash-500: #d15f3c;
--color-potash-600: #b05134;
--color-potash-700: #8e4129;
--color-potash-800: #6a2e1e;
--color-potash-900: #4a1f14;
--color-potash-950: #310e06;
}SCSS
$potash: #e07757;
$potash-rgb: 224, 119, 87;
$potash-light: mix(#fff, $potash, 20%);
$potash-dark: mix(#000, $potash, 20%);
.element {
color: $potash;
box-shadow: 0 0 0 2px rgba($potash, 0.35);
}