Colore con nome · #C27A74
Antique Pink
Antique Pink è #C27A74: rgb(194 122 116), hsl(5 39% 61%), oklch(0.654 0.091 25). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Antique Pink color name →
#C27A74
oklch(0.654 0.091 25)
Conversioni di colore
- HEX
- #c27a74
- RGB
- rgb(194 122 116)
- HSL
- hsl(5 39% 61%)
- HWB
- hwb(5 45% 24%)
- OKLCH
- oklch(0.654 0.091 25)
- OKLab
- oklab(0.654 0.083 0.039)
- CIE Lab
- lab(58.99 28.34 15.71)
- LCH
- lch(58.99 32.4 29)
- CMYK
- cmyk(0% 37% 40% 24%)
Tinte · Ombre · Toni
Tinte
- C98781
- D0948F
- D6A19C
- DDAEAA
- E3BCB8
- E9C9C6
- EFD6D4
- F4E4E2
- FAF1F0
Ombre
- A86964
- 8F5954
- 774945
- 603A37
- 492B29
- 341D1B
- 20100F
- 0E0505
- 020101
Toni
- BC7B75
- B67C77
- AF7D78
- A97D79
- A27E7A
- 9C7F7C
- 957F7D
- 8E7F7E
- 87807F
Armonie di colore
Complementare +180°
- C27A74
Antique Pink
- 3EA0AB
≈ Marlin Green
Analogo -30° +30°
- C27A74
Antique Pink
- BD7993
≈ Benifuji
- BC8159
≈ Southern Barrens Mud
Triadico +120° +240°
- C27A74
Antique Pink
- 6C9F6D
≈ Blackthorn Green
- 758FC9
≈ Hydrangea
Complementare divisa +150° +210°
- C27A74
Antique Pink
- 4BA38D
≈ Corrosion Green
- 5499C0
≈ Mountain Bluebird
Tetradico +90° +180° +270°
- C27A74
Antique Pink
- 8E9754
≈ Topiary
- 3EA0AB
≈ Marlin Green
- 9485C2
≈ Amethyst Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.31:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.32:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--antique-pink: #c27a74;
--antique-pink-rgb: 194 122 116;
--antique-pink-oklch: oklch(0.654 0.091 25);
}
.element {
color: var(--antique-pink);
background-color: hsl(5 39% 61%);
border-color: oklch(0.654 0.091 25);
}Tailwind CSS v4
@theme {
--color-antique-pink: #c27a74;
--color-antique-pink-50: #ffece7;
--color-antique-pink-100: #ffddd8;
--color-antique-pink-200: #f9c6bf;
--color-antique-pink-300: #e2a69e;
--color-antique-pink-400: #cf8983;
--color-antique-pink-500: #bb6d67;
--color-antique-pink-600: #9e5d58;
--color-antique-pink-700: #7f4a46;
--color-antique-pink-800: #5e3533;
--color-antique-pink-900: #422423;
--color-antique-pink-950: #2a1312;
}SCSS
$antique-pink: #c27a74;
$antique-pink-rgb: 194, 122, 116;
$antique-pink-light: mix(#fff, $antique-pink, 20%);
$antique-pink-dark: mix(#000, $antique-pink, 20%);
.element {
color: $antique-pink;
box-shadow: 0 0 0 2px rgba($antique-pink, 0.35);
}