Benannte Farbe · #8B6B51
Bean Pot
Bean Pot ist #8B6B51: rgb(139 107 81), hsl(27 26% 43%), oklch(0.553 0.056 60.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Bean Pot color name →
#8B6B51
oklch(0.553 0.056 60.4)
Farbumrechnungen
- HEX
- #8b6b51
- RGB
- rgb(139 107 81)
- HSL
- hsl(27 26% 43%)
- HWB
- hwb(27 32% 45%)
- OKLCH
- oklch(0.553 0.056 60.4)
- OKLab
- oklab(0.553 0.028 0.049)
- CIE Lab
- lab(47.99 10.47 19.75)
- LCH
- lch(47.99 22.35 62.1)
- CMYK
- cmyk(0% 23% 42% 45%)
Tints · Shades · Tones
Tints
- 967961
- A28772
- AD9583
- B9A494
- C4B3A5
- D0C1B6
- DCD1C8
- E7E0DA
- F3EFEC
Shades
- 785C45
- 664E3A
- 543F2F
- 433224
- 32251A
- 231810
- 140D07
- 070402
- 010000
Tones
- 8A6D56
- 896F5B
- 887260
- 877464
- 867669
- 85786E
- 847A72
- 837C77
- 817E7B
Farbharmonien
Komplementär +180°
- 8B6B51
Bean Pot
- 547790
≈ Melancholic Sea
Analog -30° +30°
- 8B6B51
Bean Pot
- 90665F
≈ Cloak of Mystery
- 7F714C
≈ Outrigger
Triadisch +120° +240°
- 8B6B51
Bean Pot
- 4C7D74
≈ Azurite Water Green
- 776B8F
≈ Bureaucracy
Geteilt komplementär +150° +210°
- 8B6B51
Bean Pot
- 497C85
≈ Sky Space
- 667194
≈ Royal Intrigue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.86:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.31:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.86:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--bean-pot: #8b6b51;
--bean-pot-rgb: 139 107 81;
--bean-pot-oklch: oklch(0.553 0.056 60.4);
}
.element {
color: var(--bean-pot);
background-color: hsl(27 26% 43%);
border-color: oklch(0.553 0.056 60.4);
}Tailwind CSS v4
@theme {
--color-bean-pot: #8b6b51;
--color-bean-pot-50: #fff2e5;
--color-bean-pot-100: #f6e4d5;
--color-bean-pot-200: #e6d0bc;
--color-bean-pot-300: #cdb29b;
--color-bean-pot-400: #b8977d;
--color-bean-pot-500: #a27e60;
--color-bean-pot-600: #896b52;
--color-bean-pot-700: #6e5541;
--color-bean-pot-800: #513e2f;
--color-bean-pot-900: #392a20;
--color-bean-pot-950: #23180f;
}SCSS
$bean-pot: #8b6b51;
$bean-pot-rgb: 139, 107, 81;
$bean-pot-light: mix(#fff, $bean-pot, 20%);
$bean-pot-dark: mix(#000, $bean-pot, 20%);
.element {
color: $bean-pot;
box-shadow: 0 0 0 2px rgba($bean-pot, 0.35);
}