Colore con nome · #ED7A9E
Pink Carnation
Pink Carnation è #ED7A9E: rgb(237 122 158), hsl(341 76% 70%), oklch(0.719 0.146 1.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Pink Carnation color name →
#ED7A9E
oklch(0.719 0.146 1.5)
Conversioni di colore
- HEX
- #ed7a9e
- RGB
- rgb(237 122 158)
- HSL
- hsl(341 76% 70%)
- HWB
- hwb(341 48% 7%)
- OKLCH
- oklch(0.719 0.146 1.5)
- OKLab
- oklab(0.719 0.146 0.004)
- CIE Lab
- lab(65.64 47.93 2.13)
- LCH
- lch(65.64 47.98 2.5)
- CMYK
- cmyk(0% 49% 33% 7%)
Tinte · Ombre · Toni
Tinte
- F088A7
- F396B1
- F6A3BA
- F9B0C4
- FBBECD
- FCCBD7
- FED8E1
- FFE5EB
- FFF2F5
Ombre
- CE6989
- B05974
- 934960
- 773A4D
- 5C2B3A
- 421D29
- 2A1018
- 140509
- 030101
Toni
- E37C9B
- D87D98
- CE7E95
- C37F92
- B87F8F
- AD808C
- A28089
- 978086
- 8C8083
Armonie di colore
Complementare +180°
- ED7A9E
Pink Carnation
- 00BEAA
≈ Tealish
Analogo -30° +30°
- ED7A9E
Pink Carnation
- D880CD
≈ Pink Punk
- F27E69
≈ Melondrama
Triadico +120° +240°
- ED7A9E
Pink Carnation
- 96B23C
≈ Green Tea Ice Cream
- 3CAEF7
≈ Adamantine Blue
Complementare divisa +150° +210°
- ED7A9E
Pink Carnation
- 52BE75
≈ Esmeralda
- 00B9D1
≈ Holiday Blue
Tetradico +90° +180° +270°
- ED7A9E
Pink Carnation
- C6A008
≈ Molten Bronze
- 00BEAA
≈ Tealish
- 849DFF
≈ Periwinkle Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.66:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.87:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--pink-carnation: #ed7a9e;
--pink-carnation-rgb: 237 122 158;
--pink-carnation-oklch: oklch(0.719 0.146 1.5);
}
.element {
color: var(--pink-carnation);
background-color: hsl(341 76% 70%);
border-color: oklch(0.719 0.146 1.5);
}Tailwind CSS v4
@theme {
--color-pink-carnation: #ed7a9e;
--color-pink-carnation-50: #ffe5f1;
--color-pink-carnation-100: #ffd4e3;
--color-pink-carnation-200: #ffbacd;
--color-pink-carnation-300: #f697af;
--color-pink-carnation-400: #e37798;
--color-pink-carnation-500: #d0557f;
--color-pink-carnation-600: #b0496c;
--color-pink-carnation-700: #8d3a56;
--color-pink-carnation-800: #692941;
--color-pink-carnation-900: #4a1c2d;
--color-pink-carnation-950: #300b1a;
}SCSS
$pink-carnation: #ed7a9e;
$pink-carnation-rgb: 237, 122, 158;
$pink-carnation-light: mix(#fff, $pink-carnation, 20%);
$pink-carnation-dark: mix(#000, $pink-carnation, 20%);
.element {
color: $pink-carnation;
box-shadow: 0 0 0 2px rgba($pink-carnation, 0.35);
}