Colore con nome · #B77D5F
Silken Chocolate
Silken Chocolate è #B77D5F: rgb(183 125 95), hsl(20 38% 55%), oklch(0.642 0.084 48.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Silken Chocolate color name →
#B77D5F
oklch(0.642 0.084 48.1)
Conversioni di colore
- HEX
- #b77d5f
- RGB
- rgb(183 125 95)
- HSL
- hsl(20 38% 55%)
- HWB
- hwb(20 37% 28%)
- OKLCH
- oklch(0.642 0.084 48.1)
- OKLab
- oklab(0.642 0.056 0.063)
- CIE Lab
- lab(57.97 20.65 25.92)
- LCH
- lch(57.97 33.14 51.5)
- CMYK
- cmyk(0% 32% 48% 28%)
Tinte · Ombre · Toni
Tinte
- BF8A6F
- C6967E
- CEA38E
- D5B09D
- DCBDAD
- E3CABD
- EAD7CD
- F1E4DE
- F8F2EE
Ombre
- 9F6C52
- 875B44
- 704B38
- 5A3B2C
- 452C20
- 311E15
- 1E110A
- 0C0503
- 020100
Toni
- B27E63
- AD7E66
- A77F6A
- A27F6D
- 9C7F71
- 978074
- 918077
- 8C807A
- 86807D
Armonie di colore
Complementare +180°
- B77D5F
Silken Chocolate
- 5097B5
≈ Hush-A-Bye
Analogo -30° +30°
- B77D5F
Silken Chocolate
- BA7879
≈ Nipple
- A9864F
≈ Kiss Candy
Triadico +120° +240°
- B77D5F
Silken Chocolate
- 549D83
≈ Wintergreen Shadow
- 8A85BD
≈ Heliotropic Mauve
Complementare divisa +150° +210°
- B77D5F
Silken Chocolate
- 449C9F
≈ Coolbox Ice Turquoise
- 6D8EC0
≈ Purple Hyacinth
Tetradico +90° +180° +270°
- B77D5F
Silken Chocolate
- 739967
≈ Mosslands
- 5097B5
≈ Hush-A-Bye
- A27CAE
≈ Design Delight
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.43:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.11:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--silken-chocolate: #b77d5f;
--silken-chocolate-rgb: 183 125 95;
--silken-chocolate-oklch: oklch(0.642 0.084 48.1);
}
.element {
color: var(--silken-chocolate);
background-color: hsl(20 38% 55%);
border-color: oklch(0.642 0.084 48.1);
}Tailwind CSS v4
@theme {
--color-silken-chocolate: #b77d5f;
--color-silken-chocolate-50: #ffefe0;
--color-silken-chocolate-100: #ffe1cf;
--color-silken-chocolate-200: #f3cbb5;
--color-silken-chocolate-300: #dcab91;
--color-silken-chocolate-400: #c89073;
--color-silken-chocolate-500: #b47553;
--color-silken-chocolate-600: #986347;
--color-silken-chocolate-700: #7a4f39;
--color-silken-chocolate-800: #5b3929;
--color-silken-chocolate-900: #3f271b;
--color-silken-chocolate-950: #28150c;
}SCSS
$silken-chocolate: #b77d5f;
$silken-chocolate-rgb: 183, 125, 95;
$silken-chocolate-light: mix(#fff, $silken-chocolate, 20%);
$silken-chocolate-dark: mix(#000, $silken-chocolate, 20%);
.element {
color: $silken-chocolate;
box-shadow: 0 0 0 2px rgba($silken-chocolate, 0.35);
}