Nazwany kolor · #AD6F69
Copper Penny
Copper Penny to #AD6F69: rgb(173 111 105), hsl(5 29% 55%), oklch(0.606 0.08 25.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Copper Penny color name →
#AD6F69
oklch(0.606 0.08 25.7)
Konwersje koloru
- HEX
- #ad6f69
- RGB
- rgb(173 111 105)
- HSL
- hsl(5 29% 55%)
- HWB
- hwb(5 41% 32%)
- OKLCH
- oklch(0.606 0.08 25.7)
- OKLab
- oklab(0.606 0.072 0.035)
- CIE Lab
- lab(53.55 24.76 14.11)
- LCH
- lch(53.55 28.5 29.7)
- CMYK
- cmyk(0% 36% 39% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B67D77
- BE8B85
- C79994
- CFA7A3
- D8B5B1
- E0C4C1
- E8D2D0
- F0E1DF
- F7F0EF
Odcienie ciemniejsze
- 96605A
- 7F514C
- 6A423E
- 553431
- 412724
- 2D1A18
- 1B0E0C
- 0B0404
- 010100
Tony
- A9716B
- A5736E
- A17570
- 9C7772
- 987875
- 937A77
- 8F7C79
- 8A7D7C
- 857F7E
Harmonie kolorów
Komplementarna +180°
- AD6F69
Copper Penny
- 3E9099
≈ Adrift
Analogowa -30° +30°
- AD6F69
Copper Penny
- A96E84
≈ Never Forget
- A77552
≈ Balthasar Gold
Triada +120° +240°
- AD6F69
Copper Penny
- 628F65
≈ Succulent Leaves
- 6B81B3
≈ Marvellous
Komplementarna rozszczepiona +150° +210°
- AD6F69
Copper Penny
- 479280
≈ Winter Green
- 4F8AAC
≈ Cosmopolitan
Tetrada +90° +180° +270°
- AD6F69
Copper Penny
- 80884F
≈ Field Maple
- 3E9099
≈ Adrift
- 8678AD
≈ Grape Parfait
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.99:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.25:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.25:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--copper-penny: #ad6f69;
--copper-penny-rgb: 173 111 105;
--copper-penny-oklch: oklch(0.606 0.08 25.7);
}
.element {
color: var(--copper-penny);
background-color: hsl(5 29% 55%);
border-color: oklch(0.606 0.08 25.7);
}Tailwind CSS v4
@theme {
--color-copper-penny: #ad6f69;
--color-copper-penny-50: #ffede9;
--color-copper-penny-100: #ffded9;
--color-copper-penny-200: #f5c8c2;
--color-copper-penny-300: #dea8a1;
--color-copper-penny-400: #ca8c86;
--color-copper-penny-500: #b5716a;
--color-copper-penny-600: #99605a;
--color-copper-penny-700: #7b4c48;
--color-copper-penny-800: #5b3735;
--color-copper-penny-900: #402624;
--color-copper-penny-950: #281413;
}SCSS
$copper-penny: #ad6f69;
$copper-penny-rgb: 173, 111, 105;
$copper-penny-light: mix(#fff, $copper-penny, 20%);
$copper-penny-dark: mix(#000, $copper-penny, 20%);
.element {
color: $copper-penny;
box-shadow: 0 0 0 2px rgba($copper-penny, 0.35);
}