En yakın adlandırılmış renk · #E94897
#E94897
En yakın adlandırılmış renk: Schiaparelli Pink
#E94897 (rgb(233 72 151), hsl(331 79% 60%), oklch(0.651 0.209 354.4)) en çok Schiaparelli Pink 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.
#E94897
oklch(0.651 0.209 354.4)
Renk dönüşümleri
- HEX
- #e94897
- RGB
- rgb(233 72 151)
- HSL
- hsl(331 79% 60%)
- HWB
- hwb(331 28% 9%)
- OKLCH
- oklch(0.651 0.209 354.4)
- OKLab
- oklab(0.651 0.208 -0.02)
- CIE Lab
- lab(56.73 66.87 -6.86)
- LCH
- lch(56.73 67.22 354.1)
- CMYK
- cmyk(0% 69% 35% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EE5FA1
- F273AB
- F686B5
- F998C0
- FCAACA
- FEBBD4
- FFCCDF
- FFDDE9
- FFEEF4
Koyu tonlar
- CB3D83
- AD336F
- 90295C
- 741F49
- 5A1637
- 410D26
- 290617
- 130208
- 030001
Gri tonlar
- E05295
- D65A92
- CD6190
- C3678E
- B96C8C
- AE7189
- A37587
- 987985
- 8D7D82
Renk uyumları
Tamamlayıcı +180°
- E94897
Schiaparelli Pink
- 00A78A
≈ Moray Eel
Analog -30° +30°
- E94897
Schiaparelli Pink
- CB57D5
≈ Thick Pink
- F4484B
≈ Pastel Strawberry
Üçlü +120° +240°
- E94897
Schiaparelli Pink
- 8E9800
≈ Devil’s Flower Mantis
- 009BD6
≈ Structural Blue
Bölünmüş tamamlayıcı +150° +210°
- E94897
Schiaparelli Pink
- 00AD29
≈ Kelley Green
- 00A2AF
≈ Aare River Brienz
Dörtlü +90° +180° +270°
- E94897
Schiaparelli Pink
- B58700
≈ Letter Jacket
- 00A78A
≈ Moray Eel
- 5588FF
≈ Skinny Jeans
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.59:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 5.83:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.83:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--schiaparelli-pink: #e94897;
--schiaparelli-pink-rgb: 233 72 151;
--schiaparelli-pink-oklch: oklch(0.651 0.209 354.4);
}
.element {
color: var(--schiaparelli-pink);
background-color: hsl(331 79% 60%);
border-color: oklch(0.651 0.209 354.4);
}Tailwind CSS v4
@theme {
--color-schiaparelli-pink: #e94897;
--color-schiaparelli-pink-50: #ffddf7;
--color-schiaparelli-pink-100: #ffcbea;
--color-schiaparelli-pink-200: #ffaed6;
--color-schiaparelli-pink-300: #ff86ba;
--color-schiaparelli-pink-400: #f75fa6;
--color-schiaparelli-pink-500: #e52d8e;
--color-schiaparelli-pink-600: #c22978;
--color-schiaparelli-pink-700: #9c2160;
--color-schiaparelli-pink-800: #741649;
--color-schiaparelli-pink-900: #520f33;
--color-schiaparelli-pink-950: #36011e;
}SCSS
$schiaparelli-pink: #e94897;
$schiaparelli-pink-rgb: 233, 72, 151;
$schiaparelli-pink-light: mix(#fff, $schiaparelli-pink, 20%);
$schiaparelli-pink-dark: mix(#000, $schiaparelli-pink, 20%);
.element {
color: $schiaparelli-pink;
box-shadow: 0 0 0 2px rgba($schiaparelli-pink, 0.35);
}