Colore con nome · #805D5B
Book Binder
Book Binder è #805D5B: rgb(128 93 91), hsl(3 17% 43%), oklch(0.514 0.046 22.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Book Binder color name →
#805D5B
oklch(0.514 0.046 22.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 8C6C6A
- 997B79
- A58B89
- B29B99
- BFABA9
- CBBBBA
- D8CCCB
- E5DDDC
- F2EEED
Ombre
- 6E504E
- 5D4341
- 4D3735
- 3D2A29
- 2E1F1E
- 1F1413
- 120A09
- 060303
- 010000
Toni
- 80615F
- 816462
- 816866
- 816B6A
- 816F6D
- 817271
- 817675
- 817978
- 807D7C
Armonie di colore
Complementare +180°
- 805D5B
Book Binder
- 466F73
≈ Thunderhawk Blue
Analogo -30° +30°
- 805D5B
Book Binder
- 7D5C6A
≈ Royal Fig
- 7D604F
≈ Werewolf Fur
Triadico +120° +240°
- 805D5B
Book Binder
- 586E56
≈ Green Bayou
- 596882
≈ Dana
Complementare divisa +150° +210°
- 805D5B
Book Binder
- 4B7064
≈ Christmas Ivy
- 4C6C7E
≈ Oceanic
Tetradico +90° +180° +270°
- 805D5B
Book Binder
- 676A4B
≈ Bancha
- 466F73
≈ Thunderhawk Blue
- 686380
≈ Purple Gumball
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.77:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.63:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
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);
}