Cor nomeada · #957747
Antique Penny
Antique Penny é #957747: rgb(149 119 71), hsl(37 35% 43%), oklch(0.587 0.075 78.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Antique Penny color name →
#957747
oklch(0.587 0.075 78.2)
Conversões de cor
- HEX
- #957747
- RGB
- rgb(149 119 71)
- HSL
- hsl(37 35% 43%)
- HWB
- hwb(37 28% 42%)
- OKLCH
- oklch(0.587 0.075 78.2)
- OKLab
- oklab(0.587 0.015 0.074)
- CIE Lab
- lab(52.17 7.53 30.89)
- LCH
- lch(52.17 31.79 76.3)
- CMYK
- cmyk(0% 20% 52% 42%)
Tons claros · Sombras · Tons
Tons claros
- 9F8459
- AA916B
- B49E7D
- BFAC8F
- C9B9A1
- D4C7B4
- DFD5C6
- E9E3D9
- F4F1EC
Sombras
- 81673D
- 6D5732
- 5A4728
- 48381F
- 372A16
- 261C0D
- 161006
- 080502
- 010100
Tons
- 93784E
- 917954
- 8F7A5A
- 8D7B60
- 8B7C65
- 897D6B
- 877E70
- 847F76
- 827F7B
Harmonias de cor
Complementar +180°
- 957747
Antique Penny
- 617EA9
≈ Miracle Elixir
Análoga -30° +30°
- 957747
Antique Penny
- A16F55
≈ Whetstone Brown
- 80804A
≈ Terrapin
Tríade +120° +240°
- 957747
Antique Penny
- 3E8A8D
≈ Sea Caller
- 8F6E9A
≈ Faded Purple
Complementar dividida +150° +210°
- 957747
Antique Penny
- 4885A0
≈ Jay Bird
- 7A75A7
≈ Old Prune
Tétrade +90° +180° +270°
- 957747
Antique Penny
- 4C8B74
≈ Molly Robins
- 617EA9
≈ Miracle Elixir
- 9E6A84
≈ Penelope Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.19:1 · APCA Lc 69
Ag
AASobre preto
WCAG 5.00:1 · APCA Lc 33
Melhor cor de texto: #000000
WCAG 5.00:1 (AA) · APCA Lc 33
Contrast pairs
Trechos de código
CSS
:root {
--antique-penny: #957747;
--antique-penny-rgb: 149 119 71;
--antique-penny-oklch: oklch(0.587 0.075 78.2);
}
.element {
color: var(--antique-penny);
background-color: hsl(37 35% 43%);
border-color: oklch(0.587 0.075 78.2);
}Tailwind CSS v4
@theme {
--color-antique-penny: #957747;
--color-antique-penny-50: #fff3de;
--color-antique-penny-100: #f5e6cc;
--color-antique-penny-200: #e5d1b1;
--color-antique-penny-300: #ccb48c;
--color-antique-penny-400: #b7996b;
--color-antique-penny-500: #a2804a;
--color-antique-penny-600: #886c3f;
--color-antique-penny-700: #6d5732;
--color-antique-penny-800: #513f23;
--color-antique-penny-900: #392b17;
--color-antique-penny-950: #231808;
}SCSS
$antique-penny: #957747;
$antique-penny-rgb: 149, 119, 71;
$antique-penny-light: mix(#fff, $antique-penny, 20%);
$antique-penny-dark: mix(#000, $antique-penny, 20%);
.element {
color: $antique-penny;
box-shadow: 0 0 0 2px rgba($antique-penny, 0.35);
}