Cor nomeada · #BE8973
Terrazzo Tan
Terrazzo Tan é #BE8973: rgb(190 137 115), hsl(18 37% 60%), oklch(0.677 0.073 43.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Terrazzo Tan color name →
#BE8973
oklch(0.677 0.073 43.5)
Conversões de cor
- HEX
- #be8973
- RGB
- rgb(190 137 115)
- HSL
- hsl(18 37% 60%)
- HWB
- hwb(18 45% 25%)
- OKLCH
- oklch(0.677 0.073 43.5)
- OKLab
- oklab(0.677 0.053 0.05)
- CIE Lab
- lab(62.02 18.79 20.25)
- LCH
- lch(62.02 27.63 47.1)
- CMYK
- cmyk(0% 28% 39% 25%)
Tons claros · Sombras · Tons
Tons claros
- C59480
- CCA08E
- D2AC9C
- D9B7A9
- E0C3B7
- E6CFC5
- ECDBD4
- F3E7E2
- F9F3F0
Sombras
- A57663
- 8C6454
- 755345
- 5E4236
- 483128
- 33221B
- 1F140F
- 0D0705
- 020101
Tons
- B88875
- B28876
- AC8777
- A68679
- A0857A
- 99847B
- 93837D
- 8D827E
- 86817F
Harmonias de cor
Complementar +180°
- BE8973
Terrazzo Tan
- 63A1B8
≈ Dolphin Daze
Análoga -30° +30°
- BE8973
Terrazzo Tan
- C0858A
≈ Baker Rose
- B39164
≈ Maple View
Tríade +120° +240°
- BE8973
Terrazzo Tan
- 6CA68B
≈ Artemesia Green
- 9192C3
≈ Fast Velvet
Complementar dividida +150° +210°
- BE8973
Terrazzo Tan
- 5DA6A4
≈ Paradise Island
- 789AC4
≈ Blue Promise
Tétrade +90° +180° +270°
- BE8973
Terrazzo Tan
- 85A173
≈ Purslane
- 63A1B8
≈ Dolphin Daze
- A78AB7
≈ Kismet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.99:1 · APCA Lc 56
Ag
AAASobre preto
WCAG 7.01:1 · APCA Lc 45
Melhor cor de texto: #000000
WCAG 7.01:1 (AAA) · APCA Lc 45
Contrast pairs
Trechos de código
CSS
:root {
--terrazzo-tan: #be8973;
--terrazzo-tan-rgb: 190 137 115;
--terrazzo-tan-oklch: oklch(0.677 0.073 43.5);
}
.element {
color: var(--terrazzo-tan);
background-color: hsl(18 37% 60%);
border-color: oklch(0.677 0.073 43.5);
}Tailwind CSS v4
@theme {
--color-terrazzo-tan: #be8973;
--color-terrazzo-tan-50: #ffefe4;
--color-terrazzo-tan-100: #fee1d4;
--color-terrazzo-tan-200: #f0cbbb;
--color-terrazzo-tan-300: #d8ac99;
--color-terrazzo-tan-400: #c4917c;
--color-terrazzo-tan-500: #af765f;
--color-terrazzo-tan-600: #946450;
--color-terrazzo-tan-700: #775040;
--color-terrazzo-tan-800: #583a2f;
--color-terrazzo-tan-900: #3e281f;
--color-terrazzo-tan-950: #27160f;
}SCSS
$terrazzo-tan: #be8973;
$terrazzo-tan-rgb: 190, 137, 115;
$terrazzo-tan-light: mix(#fff, $terrazzo-tan, 20%);
$terrazzo-tan-dark: mix(#000, $terrazzo-tan, 20%);
.element {
color: $terrazzo-tan;
box-shadow: 0 0 0 2px rgba($terrazzo-tan, 0.35);
}