Najbliższy nazwany kolor · #FF32D4
#FF32D4
Najbliższy nazwany kolor: Pink Glamour
#FF32D4 (rgb(255 50 212), hsl(313 100% 60%), oklch(0.693 0.276 338.7)) jest najbliższy nazwanemu kolorowi Pink Glamour. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FF32D4
oklch(0.693 0.276 338.7)
Konwersje koloru
- HEX
- #ff32d4
- RGB
- rgb(255 50 212)
- HSL
- hsl(313 100% 60%)
- HWB
- hwb(313 20% 0%)
- OKLCH
- oklch(0.693 0.276 338.7)
- OKLab
- oklab(0.693 0.257 -0.1)
- CIE Lab
- lab(60.36 83.63 -36.13)
- LCH
- lch(60.36 91.1 336.6)
- CMYK
- cmyk(0% 80% 17% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF53D9
- FF6CDE
- FF82E2
- FF96E7
- FFA8EB
- FFBAEF
- FFCCF3
- FFDDF7
- FFEEFB
Odcienie ciemniejsze
- DE2AB8
- BE229D
- 9E1B83
- 801469
- 630D51
- 48073A
- 2E0324
- 160110
- 030002
Tony
- F344CC
- E851C3
- DC5BBB
- D063B3
- C36AAA
- B770A2
- AA7599
- 9D7991
- 8F7D89
Harmonie kolorów
Komplementarna +180°
- FF32D4
Pink Glamour
- 00B976
≈ Fennel Fiesta
Analogowa -30° +30°
- FF32D4
Pink Glamour
- C26EFF
≈ Easter Purple
- FF5782
≈ Warm Pink
Triada +120° +240°
- FF32D4
Pink Glamour
- B39C00
≈ Kalliene Yellow
- 00AED0
≈ Hú Lán Blue
Komplementarna rozszczepiona +150° +210°
- FF32D4
Pink Glamour
- 79B000
≈ Plus Ultra
- 00B4AB
≈ Glass Jar Blue
Tetrada +90° +180° +270°
- FF32D4
Pink Glamour
- D88800
≈ Fleur de Sel Caramel
- 00B976
≈ Fennel Fiesta
- 31A1FF
≈ Rockman Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.15:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.65:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.65:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-glamour: #ff32d4;
--pink-glamour-rgb: 255 50 212;
--pink-glamour-oklch: oklch(0.693 0.276 338.7);
}
.element {
color: var(--pink-glamour);
background-color: hsl(313 100% 60%);
border-color: oklch(0.693 0.276 338.7);
}Tailwind CSS v4
@theme {
--color-pink-glamour: #ff32d4;
--color-pink-glamour-50: #ffd6ff;
--color-pink-glamour-100: #ffc3ff;
--color-pink-glamour-200: #ffa1f8;
--color-pink-glamour-300: #ff74e1;
--color-pink-glamour-400: #fd41d4;
--color-pink-glamour-500: #ec00c1;
--color-pink-glamour-600: #c700a3;
--color-pink-glamour-700: #a00083;
--color-pink-glamour-800: #760064;
--color-pink-glamour-900: #540046;
--color-pink-glamour-950: #38002e;
}SCSS
$pink-glamour: #ff32d4;
$pink-glamour-rgb: 255, 50, 212;
$pink-glamour-light: mix(#fff, $pink-glamour, 20%);
$pink-glamour-dark: mix(#000, $pink-glamour, 20%);
.element {
color: $pink-glamour;
box-shadow: 0 0 0 2px rgba($pink-glamour, 0.35);
}