Adlandırılmış renk · #886A3F
Shaker Peg
Shaker Peg, #886A3F: rgb(136 106 63), hsl(35 37% 39%), oklch(0.544 0.071 75.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Shaker Peg color name →
#886A3F
oklch(0.544 0.071 75.3)
Renk dönüşümleri
- HEX
- #886a3f
- RGB
- rgb(136 106 63)
- HSL
- hsl(35 37% 39%)
- HWB
- hwb(35 25% 47%)
- OKLCH
- oklch(0.544 0.071 75.3)
- OKLab
- oklab(0.544 0.018 0.068)
- CIE Lab
- lab(47.12 8.28 28.77)
- LCH
- lch(47.12 29.94 73.9)
- CMYK
- cmyk(0% 22% 54% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 947852
- 9F8664
- AB9577
- B7A389
- C2B29C
- CEC1B0
- DAD0C3
- E7E0D7
- F3EFEB
Koyu tonlar
- 755B35
- 634D2C
- 523F23
- 41311B
- 312412
- 22180A
- 130D04
- 060401
- 010000
Gri tonlar
- 876C46
- 876F4D
- 867154
- 85735B
- 847561
- 847867
- 837A6E
- 827C74
- 817E7A
Renk uyumları
Tamamlayıcı +180°
- 886A3F
Shaker Peg
- 547299
≈ Trustee
Analog -30° +30°
- 886A3F
Shaker Peg
- 93634D
≈ Weathered Leather
- 767240
≈ Relentless Olive
Üçlü +120° +240°
- 886A3F
Shaker Peg
- 367D7D
≈ Blue Venus
- 80638C
≈ Dusty Purple
Bölünmüş tamamlayıcı +150° +210°
- 886A3F
Shaker Peg
- 3D798F
≈ Jelly Bean
- 6C6A98
≈ Pandora
Dörtlü +90° +180° +270°
- 886A3F
Shaker Peg
- 457D66
≈ Leaping Lizard
- 547299
≈ Trustee
- 8E5F79
≈ Victorian Plum
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.02:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.18:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 5.02:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--shaker-peg: #886a3f;
--shaker-peg-rgb: 136 106 63;
--shaker-peg-oklch: oklch(0.544 0.071 75.3);
}
.element {
color: var(--shaker-peg);
background-color: hsl(35 37% 39%);
border-color: oklch(0.544 0.071 75.3);
}Tailwind CSS v4
@theme {
--color-shaker-peg: #886a3f;
--color-shaker-peg-50: #fff3df;
--color-shaker-peg-100: #f5e5ce;
--color-shaker-peg-200: #e6d1b3;
--color-shaker-peg-300: #ccb38f;
--color-shaker-peg-400: #b7996f;
--color-shaker-peg-500: #a2804f;
--color-shaker-peg-600: #896c44;
--color-shaker-peg-700: #6d5636;
--color-shaker-peg-800: #513f26;
--color-shaker-peg-900: #392b19;
--color-shaker-peg-950: #23180a;
}SCSS
$shaker-peg: #886a3f;
$shaker-peg-rgb: 136, 106, 63;
$shaker-peg-light: mix(#fff, $shaker-peg, 20%);
$shaker-peg-dark: mix(#000, $shaker-peg, 20%);
.element {
color: $shaker-peg;
box-shadow: 0 0 0 2px rgba($shaker-peg, 0.35);
}