Adlandırılmış renk · #8E5151
Apple Butter
Apple Butter, #8E5151: rgb(142 81 81), hsl(0 27% 44%), oklch(0.506 0.082 20.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Apple Butter color name →
#8E5151
oklch(0.506 0.082 20.3)
Renk dönüşümleri
- HEX
- #8e5151
- RGB
- rgb(142 81 81)
- HSL
- hsl(0 27% 44%)
- HWB
- hwb(0 32% 44%)
- OKLCH
- oklch(0.506 0.082 20.3)
- OKLab
- oklab(0.506 0.077 0.028)
- CIE Lab
- lab(41.87 26.12 11.68)
- LCH
- lch(41.87 28.62 24.1)
- CMYK
- cmyk(0% 43% 43% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9A6161
- A67271
- B18382
- BD9493
- C8A5A4
- D3B7B6
- DEC8C8
- E9DADA
- F4EDEC
Koyu tonlar
- 7B4545
- 683A3A
- 562F2F
- 442424
- 341A1A
- 241010
- 150707
- 070202
- 010000
Gri tonlar
- 8D5656
- 8C5B5A
- 8B605F
- 8A6564
- 896968
- 886E6D
- 867272
- 847776
- 827C7B
Renk uyumları
Tamamlayıcı +180°
- 8E5151
Apple Butter
- 117378
≈ Scurf Green
Analog -30° +30°
- 8E5151
Apple Butter
- 88516B
≈ Raspberry Crush
- 8A5638
≈ Burnt Crust
Üçlü +120° +240°
- 8E5151
Apple Butter
- 4B7143
≈ Artichoke Green
- 496594
≈ Dutch Blue
Bölünmüş tamamlayıcı +150° +210°
- 8E5151
Apple Butter
- 29745E
≈ Nordic Forest
- 296D8B
≈ Faience
Dörtlü +90° +180° +270°
- 8E5151
Apple Butter
- 68692D
≈ Safari Green
- 117378
≈ Scurf Green
- 655C91
≈ Colossus
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.09:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.44:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--apple-butter: #8e5151;
--apple-butter-rgb: 142 81 81;
--apple-butter-oklch: oklch(0.506 0.082 20.3);
}
.element {
color: var(--apple-butter);
background-color: hsl(0 27% 44%);
border-color: oklch(0.506 0.082 20.3);
}Tailwind CSS v4
@theme {
--color-apple-butter: #8e5151;
--color-apple-butter-50: #ffedea;
--color-apple-butter-100: #ffdedb;
--color-apple-butter-200: #f6c7c4;
--color-apple-butter-300: #dfa7a4;
--color-apple-butter-400: #cb8b8a;
--color-apple-butter-500: #b6706f;
--color-apple-butter-600: #9a5f5e;
--color-apple-butter-700: #7c4c4b;
--color-apple-butter-800: #5c3637;
--color-apple-butter-900: #402526;
--color-apple-butter-950: #291414;
}SCSS
$apple-butter: #8e5151;
$apple-butter-rgb: 142, 81, 81;
$apple-butter-light: mix(#fff, $apple-butter, 20%);
$apple-butter-dark: mix(#000, $apple-butter, 20%);
.element {
color: $apple-butter;
box-shadow: 0 0 0 2px rgba($apple-butter, 0.35);
}