Nazwany kolor · #805D5B
Book Binder
Book Binder to #805D5B: rgb(128 93 91), hsl(3 17% 43%), oklch(0.514 0.046 22.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Book Binder color name →
#805D5B
oklch(0.514 0.046 22.5)
Konwersje koloru
- HEX
- #805d5b
- RGB
- rgb(128 93 91)
- HSL
- hsl(3 17% 43%)
- HWB
- hwb(3 36% 50%)
- OKLCH
- oklch(0.514 0.046 22.5)
- OKLab
- oklab(0.514 0.043 0.018)
- CIE Lab
- lab(43.19 14.53 7.08)
- LCH
- lch(43.19 16.16 26)
- CMYK
- cmyk(0% 27% 29% 50%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8C6C6A
- 997B79
- A58B89
- B29B99
- BFABA9
- CBBBBA
- D8CCCB
- E5DDDC
- F2EEED
Odcienie ciemniejsze
- 6E504E
- 5D4341
- 4D3735
- 3D2A29
- 2E1F1E
- 1F1413
- 120A09
- 060303
- 010000
Tony
- 80615F
- 816462
- 816866
- 816B6A
- 816F6D
- 817271
- 817675
- 817978
- 807D7C
Harmonie kolorów
Komplementarna +180°
- 805D5B
Book Binder
- 466F73
≈ Thunderhawk Blue
Analogowa -30° +30°
- 805D5B
Book Binder
- 7D5C6A
≈ Royal Fig
- 7D604F
≈ Werewolf Fur
Triada +120° +240°
- 805D5B
Book Binder
- 586E56
≈ Green Bayou
- 596882
≈ Dana
Komplementarna rozszczepiona +150° +210°
- 805D5B
Book Binder
- 4B7064
≈ Christmas Ivy
- 4C6C7E
≈ Oceanic
Tetrada +90° +180° +270°
- 805D5B
Book Binder
- 676A4B
≈ Bancha
- 466F73
≈ Thunderhawk Blue
- 686380
≈ Purple Gumball
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.77:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.63:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--book-binder: #805d5b;
--book-binder-rgb: 128 93 91;
--book-binder-oklch: oklch(0.514 0.046 22.5);
}
.element {
color: var(--book-binder);
background-color: hsl(3 17% 43%);
border-color: oklch(0.514 0.046 22.5);
}Tailwind CSS v4
@theme {
--color-book-binder: #805d5b;
--color-book-binder-50: #fff0ef;
--color-book-binder-100: #f7e2e0;
--color-book-binder-200: #e8cdca;
--color-book-binder-300: #ceafac;
--color-book-binder-400: #b99492;
--color-book-binder-500: #a37a78;
--color-book-binder-600: #8a6866;
--color-book-binder-700: #6e5351;
--color-book-binder-800: #513c3c;
--color-book-binder-900: #392929;
--color-book-binder-950: #231717;
}SCSS
$book-binder: #805d5b;
$book-binder-rgb: 128, 93, 91;
$book-binder-light: mix(#fff, $book-binder, 20%);
$book-binder-dark: mix(#000, $book-binder, 20%);
.element {
color: $book-binder;
box-shadow: 0 0 0 2px rgba($book-binder, 0.35);
}