Nazwany kolor · #DD77FF
Pink Fetish
Pink Fetish to #DD77FF: rgb(221 119 255), hsl(285 100% 73%), oklch(0.735 0.211 317). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Pink Fetish color name →
#DD77FF
oklch(0.735 0.211 317)
Konwersje koloru
- HEX
- #dd77ff
- RGB
- rgb(221 119 255)
- HSL
- hsl(285 100% 73%)
- HWB
- hwb(285 47% 0%)
- OKLCH
- oklch(0.735 0.211 317)
- OKLab
- oklab(0.735 0.154 -0.143)
- CIE Lab
- lab(66.04 55.8 -51.61)
- LCH
- lch(66.04 76.01 317.2)
- CMYK
- cmyk(13% 53% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E186FF
- E595FF
- E9A3FF
- ECB1FF
- F0BEFF
- F3CBFF
- F6D8FF
- F9E5FF
- FCF2FF
Odcienie ciemniejsze
- C067DE
- A457BE
- 88479E
- 6E3880
- 552A63
- 3D1C48
- 26102E
- 110516
- 020103
Tony
- D47AF2
- CA7CE5
- C17DD9
- B87FCC
- AF80BF
- A580B3
- 9C81A6
- 938199
- 89808D
Harmonie kolorów
Komplementarna +180°
- DD77FF
Pink Fetish
- 60C623
≈ Green High
Analogowa -30° +30°
- DD77FF
Pink Fetish
- A49AFF
≈ Cobalite
- FF6BC1
≈ Nervous Neon Pink
Triada +120° +240°
- DD77FF
Pink Fetish
- DF9A00
≈ Orange Satisfaction
- 00C1C4
≈ Cala Benirrás Blue
Komplementarna rozszczepiona +150° +210°
- DD77FF
Pink Fetish
- B5AF00
≈ Citronelle
- 00C795
≈ Píng Gǔo Lǜ Green
Tetrada +90° +180° +270°
- DD77FF
Pink Fetish
- FF8139
≈ Mango Tango
- 60C623
≈ Green High
- 00BAEE
≈ Blue Bikini
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.57:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.15:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.15:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-fetish: #dd77ff;
--pink-fetish-rgb: 221 119 255;
--pink-fetish-oklch: oklch(0.735 0.211 317);
}
.element {
color: var(--pink-fetish);
background-color: hsl(285 100% 73%);
border-color: oklch(0.735 0.211 317);
}Tailwind CSS v4
@theme {
--color-pink-fetish: #dd77ff;
--color-pink-fetish-50: #ffe3ff;
--color-pink-fetish-100: #ffd2ff;
--color-pink-fetish-200: #fbb7ff;
--color-pink-fetish-300: #e591fb;
--color-pink-fetish-400: #cf6fef;
--color-pink-fetish-500: #bb48df;
--color-pink-fetish-600: #9e3fbc;
--color-pink-fetish-700: #7f3297;
--color-pink-fetish-800: #5d2473;
--color-pink-fetish-900: #411851;
--color-pink-fetish-950: #290736;
}SCSS
$pink-fetish: #dd77ff;
$pink-fetish-rgb: 221, 119, 255;
$pink-fetish-light: mix(#fff, $pink-fetish, 20%);
$pink-fetish-dark: mix(#000, $pink-fetish, 20%);
.element {
color: $pink-fetish;
box-shadow: 0 0 0 2px rgba($pink-fetish, 0.35);
}