Colore con nome · #E66A77
Old Heart
Old Heart è #E66A77: rgb(230 106 119), hsl(354 71% 66%), oklch(0.677 0.154 15.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Old Heart color name →
#E66A77
oklch(0.677 0.154 15.7)
Conversioni di colore
- HEX
- #e66a77
- RGB
- rgb(230 106 119)
- HSL
- hsl(354 71% 66%)
- HWB
- hwb(354 42% 10%)
- OKLCH
- oklch(0.677 0.154 15.7)
- OKLab
- oklab(0.677 0.148 0.042)
- CIE Lab
- lab(60.83 49.92 17.5)
- LCH
- lch(60.83 52.9 19.3)
- CMYK
- cmyk(0% 54% 48% 10%)
Tinte · Ombre · Toni
Tinte
- EA7A84
- EF8991
- F2999E
- F5A7AC
- F8B6B9
- FBC5C7
- FCD3D5
- FEE2E3
- FFF0F1
Ombre
- C85B67
- AB4D57
- 8E3F47
- 733138
- 59242A
- 40181C
- 280D10
- 130405
- 030001
Toni
- DD6E78
- D37179
- C9747A
- C0767B
- B6787C
- AC7A7D
- A17C7E
- 977E7E
- 8C7F7F
Armonie di colore
Complementare +180°
- E66A77
Old Heart
- 00ADAE
≈ Greenland Green
Analogo -30° +30°
- E66A77
Old Heart
- D86CAC
≈ Purple Hollyhock
- E2743B
≈ Invigorate
Triadico +120° +240°
- E66A77
Old Heart
- 6AAC43
≈ Leaf
- 5198F4
≈ Polar Glow
Complementare divisa +150° +210°
- E66A77
Old Heart
- 00B283
≈ Dark Mountain Meadow
- 00A7D3
≈ Malibu Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.13:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.69:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.69:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--old-heart: #e66a77;
--old-heart-rgb: 230 106 119;
--old-heart-oklch: oklch(0.677 0.154 15.7);
}
.element {
color: var(--old-heart);
background-color: hsl(354 71% 66%);
border-color: oklch(0.677 0.154 15.7);
}Tailwind CSS v4
@theme {
--color-old-heart: #e66a77;
--color-old-heart-50: #ffe4e5;
--color-old-heart-100: #ffd4d5;
--color-old-heart-200: #ffbabc;
--color-old-heart-300: #fc969a;
--color-old-heart-400: #eb7480;
--color-old-heart-500: #d85163;
--color-old-heart-600: #b74654;
--color-old-heart-700: #933843;
--color-old-heart-800: #6d2732;
--color-old-heart-900: #4d1a22;
--color-old-heart-950: #330a11;
}SCSS
$old-heart: #e66a77;
$old-heart-rgb: 230, 106, 119;
$old-heart-light: mix(#fff, $old-heart, 20%);
$old-heart-dark: mix(#000, $old-heart, 20%);
.element {
color: $old-heart;
box-shadow: 0 0 0 2px rgba($old-heart, 0.35);
}