Colore con nome · #C48F4B
Light Copper
Light Copper è #C48F4B: rgb(196 143 75), hsl(34 51% 53%), oklch(0.688 0.107 71.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Light Copper color name →
#C48F4B
oklch(0.688 0.107 71.2)
Conversioni di colore
- HEX
- #c48f4b
- RGB
- rgb(196 143 75)
- HSL
- hsl(34 51% 53%)
- HWB
- hwb(34 29% 23%)
- OKLCH
- oklch(0.688 0.107 71.2)
- OKLab
- oklab(0.688 0.034 0.101)
- CIE Lab
- lab(63.67 15.47 43.76)
- LCH
- lch(63.67 46.41 70.5)
- CMYK
- cmyk(0% 27% 62% 23%)
Tinte · Ombre · Toni
Tinte
- CA9A5F
- D0A571
- D6B083
- DCBC95
- E2C7A6
- E8D2B8
- EEDDCA
- F4E8DB
- F9F4ED
Ombre
- AA7C40
- 916935
- 78572B
- 614521
- 4A3417
- 35240E
- 211506
- 0E0702
- 020100
Toni
- BD8E52
- B78D59
- B08B5F
- A98A65
- A2886A
- 9B876F
- 958573
- 8E8478
- 87827C
Armonie di colore
Complementare +180°
- C48F4B
Light Copper
- 679FDB
≈ Blue Gourami
Analogo -30° +30°
- C48F4B
Light Copper
- D38466
≈ Rosy Pashmina
- A99D48
≈ Golden Olive
Triadico +120° +240°
- C48F4B
Light Copper
- 31AFAB
≈ Tropical Tree
- B087CB
≈ Creeping Bellflower
Complementare divisa +150° +210°
- C48F4B
Light Copper
- 3DA9C9
≈ Dragonfly Blue
- 8F93DB
≈ Portage
Tetradico +90° +180° +270°
- C48F4B
Light Copper
- 57AF85
≈ Green Tourmaline
- 679FDB
≈ Blue Gourami
- C880AE
≈ Ice Plant
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.84:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.37:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.37:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--light-copper: #c48f4b;
--light-copper-rgb: 196 143 75;
--light-copper-oklch: oklch(0.688 0.107 71.2);
}
.element {
color: var(--light-copper);
background-color: hsl(34 51% 53%);
border-color: oklch(0.688 0.107 71.2);
}Tailwind CSS v4
@theme {
--color-light-copper: #c48f4b;
--color-light-copper-50: #fff1d4;
--color-light-copper-100: #fee3c1;
--color-light-copper-200: #f1cea2;
--color-light-copper-300: #d9af79;
--color-light-copper-400: #c69354;
--color-light-copper-500: #b27928;
--color-light-copper-600: #966624;
--color-light-copper-700: #78521d;
--color-light-copper-800: #5a3b13;
--color-light-copper-900: #3f280c;
--color-light-copper-950: #281601;
}SCSS
$light-copper: #c48f4b;
$light-copper-rgb: 196, 143, 75;
$light-copper-light: mix(#fff, $light-copper, 20%);
$light-copper-dark: mix(#000, $light-copper, 20%);
.element {
color: $light-copper;
box-shadow: 0 0 0 2px rgba($light-copper, 0.35);
}