Benoemde kleur · #EF347C
Extra Fuchsia
Extra Fuchsia is #EF347C: rgb(239 52 124), hsl(337 85% 57%), oklch(0.635 0.224 3.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Extra Fuchsia color name →
#EF347C
oklch(0.635 0.224 3.6)
Kleurconversies
- HEX
- #ef347c
- RGB
- rgb(239 52 124)
- HSL
- hsl(337 85% 57%)
- HWB
- hwb(337 20% 6%)
- OKLCH
- oklch(0.635 0.224 3.6)
- OKLab
- oklab(0.635 0.224 0.014)
- CIE Lab
- lab(54.96 72.7 6.75)
- LCH
- lch(54.96 73.01 5.3)
- CMYK
- cmyk(0% 78% 48% 6%)
Tinten · Schaduwen · Tonen
Tinten
- F45188
- F86995
- FC7EA1
- FF91AE
- FFA4BB
- FFB7C9
- FFC9D6
- FFDBE4
- FFEDF1
Schaduwen
- D02C6B
- B1245A
- 941C4A
- 78153B
- 5C0E2C
- 42071E
- 2A0311
- 140105
- 030001
Tonen
- E5437C
- DC4F7D
- D2587D
- C7607E
- BD677E
- B26D7E
- A6727F
- 9A777F
- 8E7C80
Kleurharmonieën
Complementair +180°
- EF347C
Extra Fuchsia
- 00A092
≈ Teal Trip
Analoog -30° +30°
- EF347C
Extra Fuchsia
- D544C2
≈ Zǐ Sè Purple
- F43D0F
≈ Orangish Red
Triadisch +120° +240°
- EF347C
Extra Fuchsia
- 789900
≈ Green Thumb
- 0092E1
≈ Kahu Blue
Gesplitst complementair +150° +210°
- EF347C
Extra Fuchsia
- 00A65A
≈ Green Pigment
- 009CB3
≈ Caneel Bay
Tetradisch +90° +180° +270°
- EF347C
Extra Fuchsia
- A58800
≈ Golden Palm
- 00A092
≈ Teal Trip
- 687AFF
≈ Byzantine Night Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.85:1 · APCA Lc 64
Ag
AAOp zwart
WCAG 5.45:1 · APCA Lc 37
Beste tekstkleur: #000000
WCAG 5.45:1 (AA) · APCA Lc 37
Contrast pairs
Codefragmenten
CSS
:root {
--extra-fuchsia: #ef347c;
--extra-fuchsia-rgb: 239 52 124;
--extra-fuchsia-oklch: oklch(0.635 0.224 3.6);
}
.element {
color: var(--extra-fuchsia);
background-color: hsl(337 85% 57%);
border-color: oklch(0.635 0.224 3.6);
}Tailwind CSS v4
@theme {
--color-extra-fuchsia: #ef347c;
--color-extra-fuchsia-50: #ffdbec;
--color-extra-fuchsia-100: #ffc8dd;
--color-extra-fuchsia-200: #ffaac6;
--color-extra-fuchsia-300: #ff80a7;
--color-extra-fuchsia-400: #ff5590;
--color-extra-fuchsia-500: #f10a76;
--color-extra-fuchsia-600: #cc1464;
--color-extra-fuchsia-700: #a41250;
--color-extra-fuchsia-800: #7a0a3d;
--color-extra-fuchsia-900: #56072a;
--color-extra-fuchsia-950: #3a0017;
}SCSS
$extra-fuchsia: #ef347c;
$extra-fuchsia-rgb: 239, 52, 124;
$extra-fuchsia-light: mix(#fff, $extra-fuchsia, 20%);
$extra-fuchsia-dark: mix(#000, $extra-fuchsia, 20%);
.element {
color: $extra-fuchsia;
box-shadow: 0 0 0 2px rgba($extra-fuchsia, 0.35);
}