Nazwany kolor · #6E4826
Pickled Bean
Pickled Bean to #6E4826: rgb(110 72 38), hsl(28 49% 29%), oklch(0.437 0.071 61). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Pickled Bean color name →
#6E4826
oklch(0.437 0.071 61)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7C593B
- 8A6A4F
- 987C64
- A78D79
- B5A08E
- C4B2A4
- D2C5BA
- E1D8D1
- F0EBE8
Odcienie ciemniejsze
- 5F3D20
- 503319
- 412913
- 331F0D
- 261608
- 190D04
- 0E0602
- 040201
- 010000
Tony
- 704E30
- 725339
- 745942
- 765F4B
- 786454
- 7A6A5D
- 7B6F66
- 7D756E
- 7F7A77
Harmonie kolorów
Komplementarna +180°
- 6E4826
Pickled Bean
- 2A5675
≈ Heavy Blue
Analogowa -30° +30°
- 6E4826
Pickled Bean
- 744239
≈ Florence Red
- 60501E
≈ West Coast
Triada +120° +240°
- 6E4826
Pickled Bean
- 155E54
≈ Empress Teal
- 584873
≈ Purple Feather
Komplementarna rozszczepiona +150° +210°
- 6E4826
Pickled Bean
- 0F5C68
≈ Egyptian Enamel
- 434F79
≈ Takaka
Tetrada +90° +180° +270°
- 6E4826
Pickled Bean
- 325D3D
≈ Verde Garrafa
- 2A5675
≈ Heavy Blue
- 684364
≈ Royal Plum
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.02:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.61:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.02:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
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);
}