Nächste benannte Farbe · #FA10BF
#FA10BF
Nächste benannte Farbe: Brutal Pink
#FA10BF (rgb(250 16 191), hsl(315 96% 52%), oklch(0.663 0.28 342.9)) liegt am nächsten an der benannten Farbe Brutal Pink. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FA10BF
oklch(0.663 0.28 342.9)
Farbumrechnungen
- HEX
- #fa10bf
- RGB
- rgb(250 16 191)
- HSL
- hsl(315 96% 52%)
- HWB
- hwb(315 6% 2%)
- OKLCH
- oklch(0.663 0.28 342.9)
- OKLab
- oklab(0.663 0.267 -0.082)
- CIE Lab
- lab(56.88 85.78 -29.59)
- LCH
- lch(56.88 90.74 341)
- CMYK
- cmyk(0% 94% 24% 2%)
Tints · Shades · Tones
Tints
- FE44C6
- FF60CC
- FF78D3
- FF8ED9
- FFA2E0
- FFB5E6
- FFC8ED
- FFDBF3
- FFEDF9
Shades
- D90CA6
- BA098D
- 9B0675
- 7D045E
- 610248
- 460133
- 2D001F
- 15000D
- 030002
Tones
- EF32B9
- E444B3
- D951AC
- CE5BA6
- C264A0
- B66B9A
- A97193
- 9C778D
- 8F7C86
Farbharmonien
Komplementär +180°
- FA10BF
Brutal Pink
- 00AE79
≈ Bright Camouflage
Analog -30° +30°
- FA10BF
Brutal Pink
- C750FF
≈ Pink Fever
- FF3B6A
≈ Laser Trap
Triadisch +120° +240°
- FA10BF
Brutal Pink
- A39600
≈ Nuclear Fallout
- 00A3CA
≈ Charybdis
Geteilt komplementär +150° +210°
- FA10BF
Brutal Pink
- 63A900
≈ Appetising Asparagus
- 00A8A6
≈ Jade Orchid
Tetradisch +90° +180° +270°
- FA10BF
Brutal Pink
- C78300
≈ Bubonic Brown
- 00AE79
≈ Bright Camouflage
- 2994FF
≈ Starfleet Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.56:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 5.89:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 5.89:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--brutal-pink: #fa10bf;
--brutal-pink-rgb: 250 16 191;
--brutal-pink-oklch: oklch(0.663 0.28 342.9);
}
.element {
color: var(--brutal-pink);
background-color: hsl(315 96% 52%);
border-color: oklch(0.663 0.28 342.9);
}Tailwind CSS v4
@theme {
--color-brutal-pink: #fa10bf;
--color-brutal-pink-50: #ffd5ff;
--color-brutal-pink-100: #ffc1fd;
--color-brutal-pink-200: #ff9ff0;
--color-brutal-pink-300: #ff70d8;
--color-brutal-pink-400: #ff3ac9;
--color-brutal-pink-500: #f200b5;
--color-brutal-pink-600: #cd0099;
--color-brutal-pink-700: #a5007b;
--color-brutal-pink-800: #7a005e;
--color-brutal-pink-900: #560042;
--color-brutal-pink-950: #3a002a;
}SCSS
$brutal-pink: #fa10bf;
$brutal-pink-rgb: 250, 16, 191;
$brutal-pink-light: mix(#fff, $brutal-pink, 20%);
$brutal-pink-dark: mix(#000, $brutal-pink, 20%);
.element {
color: $brutal-pink;
box-shadow: 0 0 0 2px rgba($brutal-pink, 0.35);
}