Nazwany kolor · #D94F9A
Nova Pink
Nova Pink to #D94F9A: rgb(217 79 154), hsl(327 64% 58%), oklch(0.635 0.188 350.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Nova Pink color name →
#D94F9A
oklch(0.635 0.188 350.2)
Konwersje koloru
- HEX
- #d94f9a
- RGB
- rgb(217 79 154)
- HSL
- hsl(327 64% 58%)
- HWB
- hwb(327 31% 15%)
- OKLCH
- oklch(0.635 0.188 350.2)
- OKLab
- oklab(0.635 0.185 -0.032)
- CIE Lab
- lab(55.07 59.87 -11.43)
- LCH
- lch(55.07 60.95 349.2)
- CMYK
- cmyk(0% 64% 29% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DF63A4
- E576AE
- EA88B8
- EE99C2
- F2AACC
- F6BBD6
- F9CCE0
- FCDDEA
- FEEEF5
Odcienie ciemniejsze
- BC4485
- A13871
- 862E5E
- 6C234B
- 531939
- 3B1027
- 250717
- 110209
- 020001
Tony
- D15797
- C95D95
- C16392
- B96890
- B06D8D
- A7728A
- 9E7688
- 957985
- 8B7D83
Harmonie kolorów
Komplementarna +180°
- D94F9A
Nova Pink
- 00A27F
≈ Sport Green
Analogowa -30° +30°
- D94F9A
Nova Pink
- BB5DCF
≈ Love Priestess
- E64D59
≈ Highlighter Red
Triada +120° +240°
- D94F9A
Nova Pink
- 909100
≈ Old Asparagus
- 0097C8
≈ UV Light
Komplementarna rozszczepiona +150° +210°
- D94F9A
Nova Pink
- 3DA422
≈ Dry Highlighter Green
- 009EA4
≈ Turkish Boy
Tetrada +90° +180° +270°
- D94F9A
Nova Pink
- B48000
≈ Murder Mustard
- 00A27F
≈ Sport Green
- 4085FA
≈ Dodger Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.79:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.53:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.53:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--nova-pink: #d94f9a;
--nova-pink-rgb: 217 79 154;
--nova-pink-oklch: oklch(0.635 0.188 350.2);
}
.element {
color: var(--nova-pink);
background-color: hsl(327 64% 58%);
border-color: oklch(0.635 0.188 350.2);
}Tailwind CSS v4
@theme {
--color-nova-pink: #d94f9a;
--color-nova-pink-50: #ffe0fb;
--color-nova-pink-100: #ffceee;
--color-nova-pink-200: #ffb2dc;
--color-nova-pink-300: #ff8cc1;
--color-nova-pink-400: #ed68ae;
--color-nova-pink-500: #da4097;
--color-nova-pink-600: #b83880;
--color-nova-pink-700: #942c66;
--color-nova-pink-800: #6e1f4d;
--color-nova-pink-900: #4d1536;
--color-nova-pink-950: #330521;
}SCSS
$nova-pink: #d94f9a;
$nova-pink-rgb: 217, 79, 154;
$nova-pink-light: mix(#fff, $nova-pink, 20%);
$nova-pink-dark: mix(#000, $nova-pink, 20%);
.element {
color: $nova-pink;
box-shadow: 0 0 0 2px rgba($nova-pink, 0.35);
}