Benoemde kleur · #FC74FD
Electric Flamingo
Electric Flamingo is #FC74FD: rgb(252 116 253), hsl(300 97% 72%), oklch(0.768 0.229 327.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Purple mean? → · Electric Flamingo color name →
#FC74FD
oklch(0.768 0.229 327.2)
Kleurconversies
- HEX
- #fc74fd
- RGB
- rgb(252 116 253)
- HSL
- hsl(300 97% 72%)
- HWB
- hwb(300 45% 1%)
- OKLCH
- oklch(0.768 0.229 327.2)
- OKLab
- oklab(0.768 0.192 -0.124)
- CIE Lab
- lab(69.56 65.57 -44.64)
- LCH
- lch(69.56 79.33 325.8)
- CMYK
- cmyk(0% 54% 0% 1%)
Tinten · Schaduwen · Tonen
Tinten
- FE84FE
- FF94FF
- FFA2FF
- FFB0FF
- FFBEFF
- FFCBFF
- FFD9FF
- FFE5FF
- FFF2FF
Schaduwen
- DB64DC
- BB54BC
- 9C459D
- 7E377F
- 622962
- 471B47
- 2D0F2D
- 160516
- 030103
Tonen
- F077F0
- E47AE4
- D77CD7
- CB7ECA
- BF7FBE
- B380B2
- A681A5
- 9A8199
- 8D818C
Kleurharmonieën
Complementair +180°
- FC74FD
Electric Flamingo
- 00D852
≈ Malachite
Analoog -30° +30°
- FC74FD
Electric Flamingo
- BDA0FF
≈ Diva
- FF87B4
≈ Cochonnet
Triadisch +120° +240°
- FC74FD
Electric Flamingo
- DEAB00
≈ Chinese Gold
- 00CADE
≈ Picnic Day Sky
Gesplitst complementair +150° +210°
- FC74FD
Electric Flamingo
- ACC100
≈ Bahia
- 00D0B2
≈ Mint Leaf
Tetradisch +90° +180° +270°
- FC74FD
Electric Flamingo
- FF9538
≈ Energy Orange
- 00D852
≈ Malachite
- 4EBFFF
≈ Hello Summer
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.31:1 · APCA Lc 45
Ag
AAAOp zwart
WCAG 9.05:1 · APCA Lc 57
Beste tekstkleur: #000000
WCAG 9.05:1 (AAA) · APCA Lc 57
Contrast pairs
Codefragmenten
CSS
:root {
--electric-flamingo: #fc74fd;
--electric-flamingo-rgb: 252 116 253;
--electric-flamingo-oklch: oklch(0.768 0.229 327.2);
}
.element {
color: var(--electric-flamingo);
background-color: hsl(300 97% 72%);
border-color: oklch(0.768 0.229 327.2);
}Tailwind CSS v4
@theme {
--color-electric-flamingo: #fc74fd;
--color-electric-flamingo-50: #ffdeff;
--color-electric-flamingo-100: #ffcdff;
--color-electric-flamingo-200: #ffafff;
--color-electric-flamingo-300: #f688f0;
--color-electric-flamingo-400: #e162e3;
--color-electric-flamingo-500: #cf33d2;
--color-electric-flamingo-600: #af2eb1;
--color-electric-flamingo-700: #8c258e;
--color-electric-flamingo-800: #671a6c;
--color-electric-flamingo-900: #48114c;
--color-electric-flamingo-950: #2f0232;
}SCSS
$electric-flamingo: #fc74fd;
$electric-flamingo-rgb: 252, 116, 253;
$electric-flamingo-light: mix(#fff, $electric-flamingo, 20%);
$electric-flamingo-dark: mix(#000, $electric-flamingo, 20%);
.element {
color: $electric-flamingo;
box-shadow: 0 0 0 2px rgba($electric-flamingo, 0.35);
}