Nazwany kolor · #FF1DCD
Pink Glamour
Pink Glamour to #FF1DCD: rgb(255 29 205), hsl(313 100% 56%), oklch(0.681 0.285 340.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Pink Glamour color name →
#FF1DCD
oklch(0.681 0.285 340.3)
Konwersje koloru
- HEX
- #ff1dcd
- RGB
- rgb(255 29 205)
- HSL
- hsl(313 100% 56%)
- HWB
- hwb(313 11% 0%)
- OKLCH
- oklch(0.681 0.285 340.3)
- OKLab
- oklab(0.681 0.268 -0.096)
- CIE Lab
- lab(58.82 86.6 -34.54)
- LCH
- lch(58.82 93.23 338.3)
- CMYK
- cmyk(0% 89% 20% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF49D2
- FF65D8
- FF7CDD
- FF91E2
- FFA5E7
- FFB7EC
- FFCAF1
- FFDCF6
- FFEDFA
Odcienie ciemniejsze
- DE18B2
- BE1398
- 9E0E7E
- 800966
- 63054E
- 480338
- 2E0123
- 16000F
- 030002
Tony
- F438C5
- E849BE
- DC55B6
- D05EAE
- C466A7
- B76D9F
- AA7397
- 9D7890
- 8F7C88
Harmonie kolorów
Komplementarna +180°
- FF1DCD
Pink Glamour
- 00B477
≈ Green Teal
Analogowa -30° +30°
- FF1DCD
Pink Glamour
- C463FF
≈ Jacaranda Pink
- FF4D79
≈ Warm Pink
Triada +120° +240°
- FF1DCD
Pink Glamour
- AD9A00
≈ Nuclear Fallout
- 00A9CD
≈ Gummy Dolphins
Komplementarna rozszczepiona +150° +210°
- FF1DCD
Pink Glamour
- 70AD00
≈ Plus Ultra
- 00AFA9
≈ Tropical Tree
Tetrada +90° +180° +270°
- FF1DCD
Pink Glamour
- D18600
≈ Lobster Butter Sauce
- 00B477
≈ Green Teal
- 2C9CFF
≈ Brilliant Azure
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.32:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.30:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.30:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-glamour: #ff1dcd;
--pink-glamour-rgb: 255 29 205;
--pink-glamour-oklch: oklch(0.681 0.285 340.3);
}
.element {
color: var(--pink-glamour);
background-color: hsl(313 100% 56%);
border-color: oklch(0.681 0.285 340.3);
}Tailwind CSS v4
@theme {
--color-pink-glamour: #ff1dcd;
--color-pink-glamour-50: #ffd5ff;
--color-pink-glamour-100: #ffc1ff;
--color-pink-glamour-200: #ff9ff5;
--color-pink-glamour-300: #ff70df;
--color-pink-glamour-400: #ff39d1;
--color-pink-glamour-500: #f000be;
--color-pink-glamour-600: #cb00a0;
--color-pink-glamour-700: #a40081;
--color-pink-glamour-800: #790063;
--color-pink-glamour-900: #560045;
--color-pink-glamour-950: #39002d;
}SCSS
$pink-glamour: #ff1dcd;
$pink-glamour-rgb: 255, 29, 205;
$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);
}