Colore con nome · #E7C2B4
Antoinette Pink
Antoinette Pink è #E7C2B4: rgb(231 194 180), hsl(16 52% 81%), oklch(0.842 0.047 41.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Antoinette Pink color name →
#E7C2B4
oklch(0.842 0.047 41.8)
Conversioni di colore
- HEX
- #e7c2b4
- RGB
- rgb(231 194 180)
- HSL
- hsl(16 52% 81%)
- HWB
- hwb(16 71% 9%)
- OKLCH
- oklch(0.842 0.047 41.8)
- OKLab
- oklab(0.842 0.035 0.031)
- CIE Lab
- lab(81.41 12.02 12.24)
- LCH
- lch(81.41 17.16 45.5)
- CMYK
- cmyk(0% 16% 22% 9%)
Tinte · Ombre · Toni
Tinte
- EAC8BB
- ECCEC3
- EFD4CA
- F1DAD2
- F3E0D9
- F6E6E1
- F8EDE8
- FBF3F0
- FDF9F7
Ombre
- C9A89C
- AB8F85
- 8F776E
- 736058
- 594944
- 403430
- 28201D
- 130E0C
- 030202
Toni
- DCBBAF
- D2B4A9
- C7AEA4
- BDA79F
- B3A19A
- A89A95
- 9E938F
- 948D8A
- 8A8685
Armonie di colore
Complementare +180°
- E7C2B4
Antoinette Pink
- ABD3E1
≈ Light Blue Glint
Analogo -30° +30°
- E7C2B4
Antoinette Pink
- E8BFC3
≈ Sweet Blush
- DFC7AB
≈ Larb Gai
Triadico +120° +240°
- E7C2B4
Antoinette Pink
- B1D5C2
≈ Ginninderra
- C6C8EA
≈ Powdered Granite
Complementare divisa +150° +210°
- E7C2B4
Antoinette Pink
- A9D5D3
≈ Eton Blue
- B6CEEA
≈ Morality
Tetradico +90° +180° +270°
- E7C2B4
Antoinette Pink
- C0D2B3
≈ Stability
- ABD3E1
≈ Light Blue Glint
- D5C3E2
≈ New Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.64:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.77:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--antoinette-pink: #e7c2b4;
--antoinette-pink-rgb: 231 194 180;
--antoinette-pink-oklch: oklch(0.842 0.047 41.8);
}
.element {
color: var(--antoinette-pink);
background-color: hsl(16 52% 81%);
border-color: oklch(0.842 0.047 41.8);
}Tailwind CSS v4
@theme {
--color-antoinette-pink: #e7c2b4;
--color-antoinette-pink-50: #fff1eb;
--color-antoinette-pink-100: #f6e3dc;
--color-antoinette-pink-200: #e6cec5;
--color-antoinette-pink-300: #cdb0a4;
--color-antoinette-pink-400: #b79689;
--color-antoinette-pink-500: #a27c6e;
--color-antoinette-pink-600: #89695d;
--color-antoinette-pink-700: #6e544b;
--color-antoinette-pink-800: #513d36;
--color-antoinette-pink-900: #382a25;
--color-antoinette-pink-950: #231814;
}SCSS
$antoinette-pink: #e7c2b4;
$antoinette-pink-rgb: 231, 194, 180;
$antoinette-pink-light: mix(#fff, $antoinette-pink, 20%);
$antoinette-pink-dark: mix(#000, $antoinette-pink, 20%);
.element {
color: $antoinette-pink;
box-shadow: 0 0 0 2px rgba($antoinette-pink, 0.35);
}