Cor nomeada · #926F53
Mocha Syrup
Mocha Syrup é #926F53: rgb(146 111 83), hsl(27 28% 45%), oklch(0.569 0.06 59.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Mocha Syrup color name →
#926F53
oklch(0.569 0.06 59.8)
Conversões de cor
- HEX
- #926f53
- RGB
- rgb(146 111 83)
- HSL
- hsl(27 28% 45%)
- HWB
- hwb(27 33% 43%)
- OKLCH
- oklch(0.569 0.06 59.8)
- OKLab
- oklab(0.569 0.03 0.052)
- CIE Lab
- lab(49.88 11.49 21.24)
- LCH
- lch(49.88 24.15 61.6)
- CMYK
- cmyk(0% 24% 43% 43%)
Tons claros · Sombras · Tons
Tons claros
- 9D7D63
- A78A74
- B29884
- BDA695
- C8B5A6
- D3C3B7
- DED2C9
- E9E1DB
- F4F0ED
Sombras
- 7E6047
- 6B513B
- 584230
- 463425
- 35271B
- 251A11
- 160E08
- 080402
- 010100
Tons
- 907158
- 8F735C
- 8D7461
- 8B7666
- 8A786A
- 887A6F
- 867B73
- 847D77
- 827E7C
Harmonias de cor
Complementar +180°
- 926F53
Mocha Syrup
- 567C97
≈ Cropper Blue
Análoga -30° +30°
- 926F53
Mocha Syrup
- 986A62
≈ Unfired Clay
- 85764D
≈ Olive Ochre
Tríade +120° +240°
- 926F53
Mocha Syrup
- 4D8378
≈ Carlisle
- 7C6F96
≈ Arabian Silk
Complementar dividida +150° +210°
- 926F53
Mocha Syrup
- 4A818B
≈ Cape Lee
- 69769B
≈ Velvet Morning
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.54:1 · APCA Lc 72
Ag
AASobre preto
WCAG 4.62:1 · APCA Lc 30
Melhor cor de texto: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Trechos de código
CSS
:root {
--mocha-syrup: #926f53;
--mocha-syrup-rgb: 146 111 83;
--mocha-syrup-oklch: oklch(0.569 0.06 59.8);
}
.element {
color: var(--mocha-syrup);
background-color: hsl(27 28% 45%);
border-color: oklch(0.569 0.06 59.8);
}Tailwind CSS v4
@theme {
--color-mocha-syrup: #926f53;
--color-mocha-syrup-50: #fff2e4;
--color-mocha-syrup-100: #f7e4d4;
--color-mocha-syrup-200: #e8cfbb;
--color-mocha-syrup-300: #cfb199;
--color-mocha-syrup-400: #ba977b;
--color-mocha-syrup-500: #a47d5d;
--color-mocha-syrup-600: #8b6a4f;
--color-mocha-syrup-700: #6f553f;
--color-mocha-syrup-800: #523d2e;
--color-mocha-syrup-900: #392a1f;
--color-mocha-syrup-950: #24180f;
}SCSS
$mocha-syrup: #926f53;
$mocha-syrup-rgb: 146, 111, 83;
$mocha-syrup-light: mix(#fff, $mocha-syrup, 20%);
$mocha-syrup-dark: mix(#000, $mocha-syrup, 20%);
.element {
color: $mocha-syrup;
box-shadow: 0 0 0 2px rgba($mocha-syrup, 0.35);
}