Color con nombre · #BF7D52
Rich Copper
Rich Copper es #BF7D52: rgb(191 125 82), hsl(24 46% 54%), oklch(0.649 0.101 53.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Rich Copper color name →
#BF7D52
oklch(0.649 0.101 53.1)
Conversiones de color
- HEX
- #bf7d52
- RGB
- rgb(191 125 82)
- HSL
- hsl(24 46% 54%)
- HWB
- hwb(24 32% 25%)
- OKLCH
- oklch(0.649 0.101 53.1)
- OKLab
- oklab(0.649 0.061 0.081)
- CIE Lab
- lab(58.79 23.15 34.32)
- LCH
- lch(58.79 41.39 56)
- CMYK
- cmyk(0% 35% 57% 25%)
Tintes · Sombras · Tonos
Tintes
- C68A63
- CD9775
- D4A386
- DAB097
- E1BDA8
- E7CAB9
- EDD7CA
- F3E5DC
- F9F2ED
Sombras
- A66C46
- 8D5B3B
- 754B2F
- 5E3B25
- 482C1A
- 331E11
- 1F1108
- 0D0502
- 020100
Tonos
- B97E58
- B37E5D
- AD7F62
- A77F67
- A1806B
- 9A8070
- 948074
- 8D8078
- 87807C
Armonías de color
Complementario +180°
- BF7D52
Rich Copper
- 4699C2
≈ Mountain Bluebird
Análogo -30° +30°
- BF7D52
Rich Copper
- C57572
≈ Lovable
- AD8940
≈ Amber Green
Triádico +120° +240°
- BF7D52
Rich Copper
- 3FA389
≈ Marine Green
- 9183C7
≈ Amethyst Grey
Complementario dividido +150° +210°
- BF7D52
Rich Copper
- 29A1AA
≈ Cancer Seagreen Scarab
- 6E8ECD
≈ Organza Violet
Tetrádico +90° +180° +270°
- BF7D52
Rich Copper
- 699F66
≈ Green Hornet
- 4699C2
≈ Mountain Bluebird
- AD79B2
≈ Berries Galore
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.34:1 · APCA Lc 61
Ag
AASobre negro
WCAG 6.27:1 · APCA Lc 41
Mejor color de texto: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Fragmentos de código
CSS
:root {
--rich-copper: #bf7d52;
--rich-copper-rgb: 191 125 82;
--rich-copper-oklch: oklch(0.649 0.101 53.1);
}
.element {
color: var(--rich-copper);
background-color: hsl(24 46% 54%);
border-color: oklch(0.649 0.101 53.1);
}Tailwind CSS v4
@theme {
--color-rich-copper: #bf7d52;
--color-rich-copper-50: #ffeeda;
--color-rich-copper-100: #ffe0c9;
--color-rich-copper-200: #f7caac;
--color-rich-copper-300: #e0aa86;
--color-rich-copper-400: #ce8e65;
--color-rich-copper-500: #ba7242;
--color-rich-copper-600: #9d6139;
--color-rich-copper-700: #7e4d2d;
--color-rich-copper-800: #5e3720;
--color-rich-copper-900: #422615;
--color-rich-copper-950: #2a1407;
}SCSS
$rich-copper: #bf7d52;
$rich-copper-rgb: 191, 125, 82;
$rich-copper-light: mix(#fff, $rich-copper, 20%);
$rich-copper-dark: mix(#000, $rich-copper, 20%);
.element {
color: $rich-copper;
box-shadow: 0 0 0 2px rgba($rich-copper, 0.35);
}