Nächste benannte Farbe · #FF2574
#FF2574
Nächste benannte Farbe: Cyberpink
#FF2574 (rgb(255 37 116), hsl(338 100% 57%), oklch(0.652 0.245 7.6)) liegt am nächsten an der benannten Farbe Cyberpink. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FF2574
oklch(0.652 0.245 7.6)
Farbumrechnungen
- HEX
- #ff2574
- RGB
- rgb(255 37 116)
- HSL
- hsl(338 100% 57%)
- HWB
- hwb(338 15% 0%)
- OKLCH
- oklch(0.652 0.245 7.6)
- OKLab
- oklab(0.652 0.243 0.033)
- CIE Lab
- lab(56.72 79.54 14.54)
- LCH
- lch(56.72 80.86 10.4)
- CMYK
- cmyk(0% 85% 55% 0%)
Tints · Shades · Tones
Tints
- FF4B81
- FF658E
- FF7B9C
- FF90AA
- FFA4B7
- FFB7C5
- FFC9D4
- FFDBE2
- FFEDF0
Shades
- DE1F64
- BE1954
- 9E1345
- 800D37
- 630829
- 48041B
- 2E020F
- 160005
- 030001
Tones
- F43B75
- E94A77
- DD5578
- D15E79
- C5667A
- B96C7B
- AC727D
- 9E777E
- 907C7F
Farbharmonien
Komplementär +180°
- FF2574
Cyberpink
- 00A69C
≈ Grecian Isle
Analog -30° +30°
- FF2574
Cyberpink
- E63AC3
≈ Kriss Me Not Fuchsia
- F64D00
≈ Tangelo
Triadisch +120° +240°
- FF2574
Cyberpink
- 72A200
≈ Support Green
- 0095F3
≈ Karimun Blue
Geteilt komplementär +150° +210°
- FF2574
Cyberpink
- 00AB6A
≈ Secret Garden
- 00A0BF
≈ Greek Blue
Tetradisch +90° +180° +270°
- FF2574
Cyberpink
- A68F00
≈ Romaine Green
- 00A69C
≈ Grecian Isle
- 777EFF
≈ Orchid
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.64:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 5.76:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 5.76:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--cyberpink: #ff2574;
--cyberpink-rgb: 255 37 116;
--cyberpink-oklch: oklch(0.652 0.245 7.6);
}
.element {
color: var(--cyberpink);
background-color: hsl(338 100% 57%);
border-color: oklch(0.652 0.245 7.6);
}Tailwind CSS v4
@theme {
--color-cyberpink: #ff2574;
--color-cyberpink-50: #ffd8e6;
--color-cyberpink-100: #ffc5d6;
--color-cyberpink-200: #ffa5bd;
--color-cyberpink-300: #ff789b;
--color-cyberpink-400: #ff4784;
--color-cyberpink-500: #fc0068;
--color-cyberpink-600: #d50058;
--color-cyberpink-700: #ab0046;
--color-cyberpink-800: #800036;
--color-cyberpink-900: #5a0025;
--color-cyberpink-950: #3d0013;
}SCSS
$cyberpink: #ff2574;
$cyberpink-rgb: 255, 37, 116;
$cyberpink-light: mix(#fff, $cyberpink, 20%);
$cyberpink-dark: mix(#000, $cyberpink, 20%);
.element {
color: $cyberpink;
box-shadow: 0 0 0 2px rgba($cyberpink, 0.35);
}