Nazwany kolor · #DA9EC5
Prominent Pink
Prominent Pink to #DA9EC5: rgb(218 158 197), hsl(321 45% 74%), oklch(0.768 0.087 340.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Prominent Pink color name →
#DA9EC5
oklch(0.768 0.087 340.2)
Konwersje koloru
- HEX
- #da9ec5
- RGB
- rgb(218 158 197)
- HSL
- hsl(321 45% 74%)
- HWB
- hwb(321 62% 15%)
- OKLCH
- oklch(0.768 0.087 340.2)
- OKLab
- oklab(0.768 0.082 -0.03)
- CIE Lab
- lab(71.89 27.43 -10.86)
- LCH
- lch(71.89 29.5 338.4)
- CMYK
- cmyk(0% 28% 10% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEA8CB
- E2B1D0
- E6BBD6
- EAC4DC
- EECEE2
- F1D8E8
- F5E2ED
- F8EBF3
- FCF5F9
Odcienie ciemniejsze
- BD89AB
- A27492
- 876079
- 6C4D61
- 543A4B
- 3C2935
- 251821
- 11090E
- 020102
Tony
- D19BBE
- C898B7
- BF95B0
- B692A9
- AD8FA2
- A48C9B
- 9B8994
- 92868D
- 898387
Harmonie kolorów
Komplementarna +180°
- DA9EC5
Prominent Pink
- 81C5A1
≈ Foul Green
Analogowa -30° +30°
- DA9EC5
Prominent Pink
- C5A4DE
≈ Autumn Wisteria
- E59DA7
≈ Strawberry Smoothie
Triada +120° +240°
- DA9EC5
Prominent Pink
- C0B573
≈ Misty Moss
- 70C1DA
≈ Squeaky
Komplementarna rozszczepiona +150° +210°
- DA9EC5
Prominent Pink
- A1BF84
≈ Green Herb
- 6BC6C0
≈ Chinese Lacquer
Tetrada +90° +180° +270°
- DA9EC5
Prominent Pink
- D8AA75
≈ Flower Field
- 81C5A1
≈ Foul Green
- 89B8EA
≈ Electric Eel
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.16:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.67:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--prominent-pink: #da9ec5;
--prominent-pink-rgb: 218 158 197;
--prominent-pink-oklch: oklch(0.768 0.087 340.2);
}
.element {
color: var(--prominent-pink);
background-color: hsl(321 45% 74%);
border-color: oklch(0.768 0.087 340.2);
}Tailwind CSS v4
@theme {
--color-prominent-pink: #da9ec5;
--color-prominent-pink-50: #ffecfc;
--color-prominent-pink-100: #feddf0;
--color-prominent-pink-200: #f0c6df;
--color-prominent-pink-300: #d8a6c4;
--color-prominent-pink-400: #c28aaf;
--color-prominent-pink-500: #ad6f98;
--color-prominent-pink-600: #925e81;
--color-prominent-pink-700: #754b67;
--color-prominent-pink-800: #56364d;
--color-prominent-pink-900: #3c2535;
--color-prominent-pink-950: #261420;
}SCSS
$prominent-pink: #da9ec5;
$prominent-pink-rgb: 218, 158, 197;
$prominent-pink-light: mix(#fff, $prominent-pink, 20%);
$prominent-pink-dark: mix(#000, $prominent-pink, 20%);
.element {
color: $prominent-pink;
box-shadow: 0 0 0 2px rgba($prominent-pink, 0.35);
}