Nazwany kolor · #C48F4B
Light Copper
Light Copper to #C48F4B: rgb(196 143 75), hsl(34 51% 53%), oklch(0.688 0.107 71.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Light Copper color name →
#C48F4B
oklch(0.688 0.107 71.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CA9A5F
- D0A571
- D6B083
- DCBC95
- E2C7A6
- E8D2B8
- EEDDCA
- F4E8DB
- F9F4ED
Odcienie ciemniejsze
- AA7C40
- 916935
- 78572B
- 614521
- 4A3417
- 35240E
- 211506
- 0E0702
- 020100
Tony
- BD8E52
- B78D59
- B08B5F
- A98A65
- A2886A
- 9B876F
- 958573
- 8E8478
- 87827C
Harmonie kolorów
Komplementarna +180°
- C48F4B
Light Copper
- 679FDB
≈ Blue Gourami
Analogowa -30° +30°
- C48F4B
Light Copper
- D38466
≈ Rosy Pashmina
- A99D48
≈ Golden Olive
Triada +120° +240°
- C48F4B
Light Copper
- 31AFAB
≈ Tropical Tree
- B087CB
≈ Creeping Bellflower
Komplementarna rozszczepiona +150° +210°
- C48F4B
Light Copper
- 3DA9C9
≈ Dragonfly Blue
- 8F93DB
≈ Portage
Tetrada +90° +180° +270°
- C48F4B
Light Copper
- 57AF85
≈ Green Tourmaline
- 679FDB
≈ Blue Gourami
- C880AE
≈ Ice Plant
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.84:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.37:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.37:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
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);
}