Warna bernama terdekat · #FF8EBB
#FF8EBB
Warna bernama terdekat: Pastel Magenta
#FF8EBB (rgb(255 142 187), hsl(336 100% 78%), oklch(0.781 0.145 355.7)) paling mendekati warna bernama Pastel Magenta. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#FF8EBB
oklch(0.781 0.145 355.7)
Konversi warna
- HEX
- #ff8ebb
- RGB
- rgb(255 142 187)
- HSL
- hsl(336 100% 78%)
- HWB
- hwb(336 56% 0%)
- OKLCH
- oklch(0.781 0.145 355.7)
- OKLab
- oklab(0.781 0.144 -0.011)
- CIE Lab
- lab(72.66 47.36 -3.59)
- LCH
- lch(72.66 47.5 355.7)
- CMYK
- cmyk(0% 44% 27% 0%)
Tint · Shade · Tone
Tint
- FF9AC2
- FFA6C8
- FFB1CF
- FFBCD6
- FFC8DD
- FFD3E3
- FFDEEA
- FFE9F1
- FFF4F8
Shade
- DE7BA2
- BE688A
- 9E5673
- 80445C
- 633446
- 482432
- 2E151F
- 16070D
- 030102
Tone
- F28DB5
- E68CAF
- D98BA9
- CD8AA3
- C0899D
- B48797
- A78691
- 9A848B
- 8D8286
Harmoni warna
Komplementer +180°
- FF8EBB
Pastel Magenta
- 10D5B3
≈ Channel Marker Green
Analog -30° +30°
- FF8EBB
Pastel Magenta
- E695E9
≈ Diva Mecha
- FF968D
≈ Lolly
Triadik +120° +240°
- FF8EBB
Pastel Magenta
- B4C24A
≈ Rainforest Glow
- 57C4FF
≈ Blue Mana
Split-komplementer +150° +210°
- FF8EBB
Pastel Magenta
- 76D07D
≈ Electric Lettuce
- 00CFE1
≈ Aztec Turquoise
Tetradik +90° +180° +270°
- FF8EBB
Pastel Magenta
- E1B033
≈ Nanohanacha Gold
- 10D5B3
≈ Channel Marker Green
- 96B6FF
≈ Truesky Gloxym
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.13:1 · APCA Lc 42
Ag
AAADi atas hitam
WCAG 9.83:1 · APCA Lc 61
Warna teks terbaik: #000000
WCAG 9.83:1 (AAA) · APCA Lc 61
Contrast pairs
Cuplikan kode
CSS
:root {
--pastel-magenta: #ff8ebb;
--pastel-magenta-rgb: 255 142 187;
--pastel-magenta-oklch: oklch(0.781 0.145 355.7);
}
.element {
color: var(--pastel-magenta);
background-color: hsl(336 100% 78%);
border-color: oklch(0.781 0.145 355.7);
}Tailwind CSS v4
@theme {
--color-pastel-magenta: #ff8ebb;
--color-pastel-magenta-50: #ffe5f5;
--color-pastel-magenta-100: #ffd4e8;
--color-pastel-magenta-200: #ffbbd4;
--color-pastel-magenta-300: #f397b7;
--color-pastel-magenta-400: #e077a2;
--color-pastel-magenta-500: #cd568a;
--color-pastel-magenta-600: #ad4a75;
--color-pastel-magenta-700: #8b3b5d;
--color-pastel-magenta-800: #672a46;
--color-pastel-magenta-900: #481c30;
--color-pastel-magenta-950: #2f0c1d;
}SCSS
$pastel-magenta: #ff8ebb;
$pastel-magenta-rgb: 255, 142, 187;
$pastel-magenta-light: mix(#fff, $pastel-magenta, 20%);
$pastel-magenta-dark: mix(#000, $pastel-magenta, 20%);
.element {
color: $pastel-magenta;
box-shadow: 0 0 0 2px rgba($pastel-magenta, 0.35);
}