Warna bernama terdekat · #FF2574
#FF2574
Warna bernama terdekat: Cyberpink
#FF2574 (rgb(255 37 116), hsl(338 100% 57%), oklch(0.652 0.245 7.6)) paling mendekati warna bernama Cyberpink. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#FF2574
oklch(0.652 0.245 7.6)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FF4B81
- FF658E
- FF7B9C
- FF90AA
- FFA4B7
- FFB7C5
- FFC9D4
- FFDBE2
- FFEDF0
Shade
- DE1F64
- BE1954
- 9E1345
- 800D37
- 630829
- 48041B
- 2E020F
- 160005
- 030001
Tone
- F43B75
- E94A77
- DD5578
- D15E79
- C5667A
- B96C7B
- AC727D
- 9E777E
- 907C7F
Harmoni warna
Komplementer +180°
- FF2574
Cyberpink
- 00A69C
≈ Grecian Isle
Analog -30° +30°
- FF2574
Cyberpink
- E63AC3
≈ Kriss Me Not Fuchsia
- F64D00
≈ Tangelo
Triadik +120° +240°
- FF2574
Cyberpink
- 72A200
≈ Support Green
- 0095F3
≈ Karimun Blue
Split-komplementer +150° +210°
- FF2574
Cyberpink
- 00AB6A
≈ Secret Garden
- 00A0BF
≈ Greek Blue
Tetradik +90° +180° +270°
- FF2574
Cyberpink
- A68F00
≈ Romaine Green
- 00A69C
≈ Grecian Isle
- 777EFF
≈ Orchid
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.64:1 · APCA Lc 62
Ag
AADi atas hitam
WCAG 5.76:1 · APCA Lc 40
Warna teks terbaik: #000000
WCAG 5.76:1 (AA) · APCA Lc 40
Contrast pairs
Cuplikan kode
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);
}