Adlandırılmış renk · #E07757
Potash
Potash, #E07757: rgb(224 119 87), hsl(14 69% 61%), oklch(0.682 0.139 37.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Potash color name →
#E07757
oklch(0.682 0.139 37.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E58568
- E99379
- EDA18A
- F1AE9A
- F4BCAB
- F7C9BB
- F9D7CC
- FCE4DD
- FEF2EE
Koyu tonlar
- C3674B
- A6573E
- 8A4733
- 703827
- 562A1C
- 3E1C12
- 271008
- 120503
- 020100
Gri tonlar
- D7795C
- CE7A61
- C57C66
- BB7D6A
- B27E6E
- A87F72
- 9F7F76
- 958079
- 8B807D
Renk uyumları
Tamamlayıcı +180°
- E07757
Potash
- 00AACA
≈ Gummy Dolphins
Analog -30° +30°
- E07757
Potash
- DF7189
≈ Raspberry Mousse
- D08623
≈ Copious Caramel
Üçlü +120° +240°
- E07757
Potash
- 39B277
≈ Salsify Grass
- 858FED
≈ Perrywinkle
Bölünmüş tamamlayıcı +150° +210°
- E07757
Potash
- 00B0A6
≈ Cozumel
- 489FEA
≈ Perfect Days
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.02:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.94:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.94:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
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);
}