Najbliższy nazwany kolor · #E596A4
#E596A4
Najbliższy nazwany kolor: Pink Prestige
#E596A4 (rgb(229 150 164), hsl(349 60% 74%), oklch(0.756 0.096 8)) jest najbliższy nazwanemu kolorowi Pink Prestige. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E596A4
oklch(0.756 0.096 8)
Konwersje koloru
- HEX
- #e596a4
- RGB
- rgb(229 150 164)
- HSL
- hsl(349 60% 74%)
- HWB
- hwb(349 59% 10%)
- OKLCH
- oklch(0.756 0.096 8)
- OKLab
- oklab(0.756 0.095 0.013)
- CIE Lab
- lab(70.56 31.85 5.61)
- LCH
- lch(70.56 32.34 10)
- CMYK
- cmyk(0% 34% 28% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8A1AD
- ECABB6
- EFB5BF
- F2C0C8
- F4CAD1
- F7D5DA
- F9DFE3
- FBEAEC
- FDF4F6
Odcienie ciemniejsze
- C7828E
- AA6E79
- 8E5B64
- 724950
- 58373D
- 3F262B
- 28161A
- 12080A
- 030101
Tony
- DB94A0
- D1929D
- C79099
- BD8E95
- B38C92
- A98A8E
- 9F878B
- 958587
- 8A8284
Harmonie kolorów
Komplementarna +180°
- E596A4
Pink Prestige
- 5DC4BB
≈ Port Hope
Analogowa -30° +30°
- E596A4
Pink Prestige
- D898C5
≈ Girl Power
- E59A83
≈ Shrimp
Triada +120° +240°
- E596A4
Pink Prestige
- 9EBC79
≈ Gleeful
- 7EB5EA
≈ Aero
Komplementarna rozszczepiona +150° +210°
- E596A4
Pink Prestige
- 79C399
≈ Willow Hedge
- 60BFD9
≈ Magnesia Bay
Tetrada +90° +180° +270°
- E596A4
Pink Prestige
- C0B167
≈ Riesling Grape
- 5DC4BB
≈ Port Hope
- A1AAED
≈ Wondrous Wisteria
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.27:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.23:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-prestige: #e596a4;
--pink-prestige-rgb: 229 150 164;
--pink-prestige-oklch: oklch(0.756 0.096 8);
}
.element {
color: var(--pink-prestige);
background-color: hsl(349 60% 74%);
border-color: oklch(0.756 0.096 8);
}Tailwind CSS v4
@theme {
--color-pink-prestige: #e596a4;
--color-pink-prestige-50: #ffeaef;
--color-pink-prestige-100: #ffdbe0;
--color-pink-prestige-200: #fac4cb;
--color-pink-prestige-300: #e4a3ac;
--color-pink-prestige-400: #d08693;
--color-pink-prestige-500: #bc6a7a;
--color-pink-prestige-600: #9f5a67;
--color-pink-prestige-700: #7f4852;
--color-pink-prestige-800: #5e343d;
--color-pink-prestige-900: #42232a;
--color-pink-prestige-950: #2a1218;
}SCSS
$pink-prestige: #e596a4;
$pink-prestige-rgb: 229, 150, 164;
$pink-prestige-light: mix(#fff, $pink-prestige, 20%);
$pink-prestige-dark: mix(#000, $pink-prestige, 20%);
.element {
color: $pink-prestige;
box-shadow: 0 0 0 2px rgba($pink-prestige, 0.35);
}