Colore con nome · #6E4826
Pickled Bean
Pickled Bean è #6E4826: rgb(110 72 38), hsl(28 49% 29%), oklch(0.437 0.071 61). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Pickled Bean color name →
#6E4826
oklch(0.437 0.071 61)
Conversioni di colore
- HEX
- #6e4826
- RGB
- rgb(110 72 38)
- HSL
- hsl(28 49% 29%)
- HWB
- hwb(28 15% 57%)
- OKLCH
- oklch(0.437 0.071 61)
- OKLab
- oklab(0.437 0.034 0.062)
- CIE Lab
- lab(34.46 14 26.98)
- LCH
- lch(34.46 30.4 62.6)
- CMYK
- cmyk(0% 35% 65% 57%)
Tinte · Ombre · Toni
Tinte
- 7C593B
- 8A6A4F
- 987C64
- A78D79
- B5A08E
- C4B2A4
- D2C5BA
- E1D8D1
- F0EBE8
Ombre
- 5F3D20
- 503319
- 412913
- 331F0D
- 261608
- 190D04
- 0E0602
- 040201
- 010000
Toni
- 704E30
- 725339
- 745942
- 765F4B
- 786454
- 7A6A5D
- 7B6F66
- 7D756E
- 7F7A77
Armonie di colore
Complementare +180°
- 6E4826
Pickled Bean
- 2A5675
≈ Heavy Blue
Analogo -30° +30°
- 6E4826
Pickled Bean
- 744239
≈ Florence Red
- 60501E
≈ West Coast
Triadico +120° +240°
- 6E4826
Pickled Bean
- 155E54
≈ Empress Teal
- 584873
≈ Purple Feather
Complementare divisa +150° +210°
- 6E4826
Pickled Bean
- 0F5C68
≈ Egyptian Enamel
- 434F79
≈ Takaka
Tetradico +90° +180° +270°
- 6E4826
Pickled Bean
- 325D3D
≈ Verde Garrafa
- 2A5675
≈ Heavy Blue
- 684364
≈ Royal Plum
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.02:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.61:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 8.02:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--pickled-bean: #6e4826;
--pickled-bean-rgb: 110 72 38;
--pickled-bean-oklch: oklch(0.437 0.071 61);
}
.element {
color: var(--pickled-bean);
background-color: hsl(28 49% 29%);
border-color: oklch(0.437 0.071 61);
}Tailwind CSS v4
@theme {
--color-pickled-bean: #6e4826;
--color-pickled-bean-50: #fff1e1;
--color-pickled-bean-100: #fae3d0;
--color-pickled-bean-200: #ebceb6;
--color-pickled-bean-300: #d2b092;
--color-pickled-bean-400: #be9573;
--color-pickled-bean-500: #a97b54;
--color-pickled-bean-600: #8f6848;
--color-pickled-bean-700: #725339;
--color-pickled-bean-800: #553c29;
--color-pickled-bean-900: #3b291b;
--color-pickled-bean-950: #25170c;
}SCSS
$pickled-bean: #6e4826;
$pickled-bean-rgb: 110, 72, 38;
$pickled-bean-light: mix(#fff, $pickled-bean, 20%);
$pickled-bean-dark: mix(#000, $pickled-bean, 20%);
.element {
color: $pickled-bean;
box-shadow: 0 0 0 2px rgba($pickled-bean, 0.35);
}