Dichtstbijzijnde benoemde kleur · #FB53E8
#FB53E8
Dichtstbijzijnde benoemde kleur: Pink Party
#FB53E8 (rgb(251 83 232), hsl(307 95% 65%), oklch(0.721 0.255 332.8)) komt het dichtst bij de benoemde kleur Pink Party. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#FB53E8
oklch(0.721 0.255 332.8)
Kleurconversies
- HEX
- #fb53e8
- RGB
- rgb(251 83 232)
- HSL
- hsl(307 95% 65%)
- HWB
- hwb(307 33% 2%)
- OKLCH
- oklch(0.721 0.255 332.8)
- OKLab
- oklab(0.721 0.227 -0.117)
- CIE Lab
- lab(63.8 75.52 -42.07)
- LCH
- lch(63.8 86.45 330.9)
- CMYK
- cmyk(0% 67% 8% 2%)
Tinten · Schaduwen · Tonen
Tinten
- FE6AEB
- FF7EEE
- FF90F1
- FFA1F3
- FFB1F5
- FFC1F8
- FFD1FA
- FFE1FC
- FFF0FD
Schaduwen
- DA47CA
- BA3BAC
- 9C3090
- 7E2574
- 611B59
- 461140
- 2D0829
- 150213
- 030003
Tonen
- EF5CDE
- E463D3
- D86AC9
- CC6FBE
- C073B4
- B477AA
- A77A9F
- 9B7C95
- 8E7E8A
Kleurharmonieën
Complementair +180°
- FB53E8
Pink Party
- 00C569
≈ Algal Fuel
Analoog -30° +30°
- FB53E8
Pink Party
- BC85FF
≈ Lilac Geode
- FF6A9A
≈ French Pink
Triadisch +120° +240°
- FB53E8
Pink Party
- C5A100
≈ Molten Bronze
- 00B9D4
≈ Maldives
Gesplitst complementair +150° +210°
- FB53E8
Pink Party
- 91B500
≈ Seasoned Green
- 00BFAC
≈ Turquoise
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 53
Ag
AAAOp zwart
WCAG 7.50:1 · APCA Lc 49
Beste tekstkleur: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Codefragmenten
CSS
:root {
--pink-party: #fb53e8;
--pink-party-rgb: 251 83 232;
--pink-party-oklch: oklch(0.721 0.255 332.8);
}
.element {
color: var(--pink-party);
background-color: hsl(307 95% 65%);
border-color: oklch(0.721 0.255 332.8);
}Tailwind CSS v4
@theme {
--color-pink-party: #fb53e8;
--color-pink-party-50: #ffdaff;
--color-pink-party-100: #ffc7ff;
--color-pink-party-200: #ffa8ff;
--color-pink-party-300: #ff7eeb;
--color-pink-party-400: #f052de;
--color-pink-party-500: #de00cc;
--color-pink-party-600: #bb0bac;
--color-pink-party-700: #970c8a;
--color-pink-party-800: #6f086a;
--color-pink-party-900: #4e064a;
--color-pink-party-950: #330031;
}SCSS
$pink-party: #fb53e8;
$pink-party-rgb: 251, 83, 232;
$pink-party-light: mix(#fff, $pink-party, 20%);
$pink-party-dark: mix(#000, $pink-party, 20%);
.element {
color: $pink-party;
box-shadow: 0 0 0 2px rgba($pink-party, 0.35);
}