En yakın adlandırılmış renk · #FF8EBB
#FF8EBB
En yakın adlandırılmış renk: Pastel Magenta
#FF8EBB (rgb(255 142 187), hsl(336 100% 78%), oklch(0.781 0.145 355.7)) en çok Pastel Magenta adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FF8EBB
oklch(0.781 0.145 355.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF9AC2
- FFA6C8
- FFB1CF
- FFBCD6
- FFC8DD
- FFD3E3
- FFDEEA
- FFE9F1
- FFF4F8
Koyu tonlar
- DE7BA2
- BE688A
- 9E5673
- 80445C
- 633446
- 482432
- 2E151F
- 16070D
- 030102
Gri tonlar
- F28DB5
- E68CAF
- D98BA9
- CD8AA3
- C0899D
- B48797
- A78691
- 9A848B
- 8D8286
Renk uyumları
Tamamlayıcı +180°
- FF8EBB
Pastel Magenta
- 10D5B3
≈ Channel Marker Green
Analog -30° +30°
- FF8EBB
Pastel Magenta
- E695E9
≈ Diva Mecha
- FF968D
≈ Lolly
Üçlü +120° +240°
- FF8EBB
Pastel Magenta
- B4C24A
≈ Rainforest Glow
- 57C4FF
≈ Blue Mana
Bölünmüş tamamlayıcı +150° +210°
- FF8EBB
Pastel Magenta
- 76D07D
≈ Electric Lettuce
- 00CFE1
≈ Aztec Turquoise
Dörtlü +90° +180° +270°
- FF8EBB
Pastel Magenta
- E1B033
≈ Nanohanacha Gold
- 10D5B3
≈ Channel Marker Green
- 96B6FF
≈ Truesky Gloxym
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.13:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.83:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.83:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
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);
}