Couleur nommée · #BF7D52
Rich Copper
Rich Copper correspond à #BF7D52 : rgb(191 125 82), hsl(24 46% 54%), oklch(0.649 0.101 53.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Rich Copper color name →
#BF7D52
oklch(0.649 0.101 53.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C68A63
- CD9775
- D4A386
- DAB097
- E1BDA8
- E7CAB9
- EDD7CA
- F3E5DC
- F9F2ED
Ombres
- A66C46
- 8D5B3B
- 754B2F
- 5E3B25
- 482C1A
- 331E11
- 1F1108
- 0D0502
- 020100
Tons
- B97E58
- B37E5D
- AD7F62
- A77F67
- A1806B
- 9A8070
- 948074
- 8D8078
- 87807C
Harmonies de couleurs
Complémentaire +180°
- BF7D52
Rich Copper
- 4699C2
≈ Mountain Bluebird
Analogue -30° +30°
- BF7D52
Rich Copper
- C57572
≈ Lovable
- AD8940
≈ Amber Green
Triadique +120° +240°
- BF7D52
Rich Copper
- 3FA389
≈ Marine Green
- 9183C7
≈ Amethyst Grey
Complémentaire divisée +150° +210°
- BF7D52
Rich Copper
- 29A1AA
≈ Cancer Seagreen Scarab
- 6E8ECD
≈ Organza Violet
Tétradique +90° +180° +270°
- BF7D52
Rich Copper
- 699F66
≈ Green Hornet
- 4699C2
≈ Mountain Bluebird
- AD79B2
≈ Berries Galore
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.34:1 · APCA Lc 61
Ag
AASur noir
WCAG 6.27:1 · APCA Lc 41
Meilleure couleur de texte: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Extraits de code
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);
}