Cor nomeada · #BC7256
Firenze
Firenze é #BC7256: rgb(188 114 86), hsl(16 43% 54%), oklch(0.626 0.102 41.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Firenze color name →
#BC7256
oklch(0.626 0.102 41.4)
Conversões de cor
- HEX
- #bc7256
- RGB
- rgb(188 114 86)
- HSL
- hsl(16 43% 54%)
- HWB
- hwb(16 34% 26%)
- OKLCH
- oklch(0.626 0.102 41.4)
- OKLab
- oklab(0.626 0.077 0.068)
- CIE Lab
- lab(55.9 27.89 28.49)
- LCH
- lch(55.9 39.87 45.6)
- CMYK
- cmyk(0% 39% 54% 26%)
Tons claros · Sombras · Tons
Tons claros
- C48066
- CB8E77
- D29C87
- D9AA98
- E0B8A9
- E7C6BA
- EDD4CB
- F3E2DC
- F9F1ED
Sombras
- A3624A
- 8B533E
- 734432
- 5D3627
- 47281C
- 321B12
- 1F0E08
- 0D0402
- 020100
Tons
- B6745B
- B1765F
- AB7764
- A57968
- A07A6C
- 9A7C70
- 937D74
- 8D7E78
- 877F7C
Harmonias de cor
Complementar +180°
- BC7256
Firenze
- 2C96B4
≈ Enchanted Well
Análoga -30° +30°
- BC7256
Firenze
- BD6D78
≈ Pink Manhattan
- AE7D3C
≈ Kaolin
Tríade +120° +240°
- BC7256
Firenze
- 469B74
≈ Dancing Jewel
- 7D80C4
≈ Twilight Twinkle
Complementar dividida +150° +210°
- BC7256
Firenze
- 1C9B97
≈ Regula Barbara Blue
- 578CC4
≈ Danube
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.69:1 · APCA Lc 64
Ag
AASobre preto
WCAG 5.67:1 · APCA Lc 37
Melhor cor de texto: #000000
WCAG 5.67:1 (AA) · APCA Lc 37
Contrast pairs
Trechos de código
CSS
:root {
--firenze: #bc7256;
--firenze-rgb: 188 114 86;
--firenze-oklch: oklch(0.626 0.102 41.4);
}
.element {
color: var(--firenze);
background-color: hsl(16 43% 54%);
border-color: oklch(0.626 0.102 41.4);
}Tailwind CSS v4
@theme {
--color-firenze: #bc7256;
--color-firenze-50: #ffedde;
--color-firenze-100: #ffdecd;
--color-firenze-200: #fbc7b2;
--color-firenze-300: #e5a78d;
--color-firenze-400: #d28a6f;
--color-firenze-500: #bf6d4e;
--color-firenze-600: #a15d43;
--color-firenze-700: #814a35;
--color-firenze-800: #603527;
--color-firenze-900: #43241a;
--color-firenze-950: #2b130a;
}SCSS
$firenze: #bc7256;
$firenze-rgb: 188, 114, 86;
$firenze-light: mix(#fff, $firenze, 20%);
$firenze-dark: mix(#000, $firenze, 20%);
.element {
color: $firenze;
box-shadow: 0 0 0 2px rgba($firenze, 0.35);
}