Adlandırılmış renk · #A06165
Pizza Pie
Pizza Pie, #A06165: rgb(160 97 101), hsl(356 25% 50%), oklch(0.564 0.082 15.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Pizza Pie color name →
#A06165
oklch(0.564 0.082 15.9)
Renk dönüşümleri
- HEX
- #a06165
- RGB
- rgb(160 97 101)
- HSL
- hsl(356 25% 50%)
- HWB
- hwb(356 38% 37%)
- OKLCH
- oklch(0.564 0.082 15.9)
- OKLab
- oklab(0.564 0.079 0.023)
- CIE Lab
- lab(48.49 26.61 9.19)
- LCH
- lch(48.49 28.16 19)
- CMYK
- cmyk(0% 39% 37% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AA7073
- B47F82
- BE8F91
- C89EA0
- D1AEAF
- DABEBF
- E4CECE
- EDDEDE
- F6EEEF
Koyu tonlar
- 8B5357
- 764649
- 61393C
- 4E2D2F
- 3B2122
- 291517
- 190B0C
- 090303
- 010000
Gri tonlar
- 9D6468
- 9B686A
- 986B6D
- 956E70
- 927173
- 8E7475
- 8B7778
- 887A7B
- 847D7D
Renk uyumları
Tamamlayıcı +180°
- A06165
Pizza Pie
- 2B8485
≈ Bayou
Analog -30° +30°
- A06165
Pizza Pie
- 996180
≈ Raspberry Jelly Red
- 9E664B
≈ Antique Copper
Üçlü +120° +240°
- A06165
Pizza Pie
- 5F814F
≈ Glade Green
- 5577A5
≈ Vinca
Bölünmüş tamamlayıcı +150° +210°
- A06165
Pizza Pie
- 40856A
≈ Mythical Forest
- 387F9A
≈ Greenland Blue
Dörtlü +90° +180° +270°
- A06165
Pizza Pie
- 7C793C
≈ Evening Green
- 2B8485
≈ Bayou
- 716EA4
≈ Toy Mauve
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.78:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.39:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.78:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--pizza-pie: #a06165;
--pizza-pie-rgb: 160 97 101;
--pizza-pie-oklch: oklch(0.564 0.082 15.9);
}
.element {
color: var(--pizza-pie);
background-color: hsl(356 25% 50%);
border-color: oklch(0.564 0.082 15.9);
}Tailwind CSS v4
@theme {
--color-pizza-pie: #a06165;
--color-pizza-pie-50: #ffecec;
--color-pizza-pie-100: #ffdede;
--color-pizza-pie-200: #f6c7c7;
--color-pizza-pie-300: #dea7a8;
--color-pizza-pie-400: #ca8b8e;
--color-pizza-pie-500: #b66f74;
--color-pizza-pie-600: #9a5e62;
--color-pizza-pie-700: #7b4b4e;
--color-pizza-pie-800: #5b363a;
--color-pizza-pie-900: #402528;
--color-pizza-pie-950: #291416;
}SCSS
$pizza-pie: #a06165;
$pizza-pie-rgb: 160, 97, 101;
$pizza-pie-light: mix(#fff, $pizza-pie, 20%);
$pizza-pie-dark: mix(#000, $pizza-pie, 20%);
.element {
color: $pizza-pie;
box-shadow: 0 0 0 2px rgba($pizza-pie, 0.35);
}