Màu có tên gần nhất · #E94897
#E94897
Màu có tên gần nhất: Schiaparelli Pink
#E94897 (rgb(233 72 151), hsl(331 79% 60%), oklch(0.651 0.209 354.4)) gần nhất với màu có tên Schiaparelli Pink. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#E94897
oklch(0.651 0.209 354.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EE5FA1
- F273AB
- F686B5
- F998C0
- FCAACA
- FEBBD4
- FFCCDF
- FFDDE9
- FFEEF4
Sắc đậm
- CB3D83
- AD336F
- 90295C
- 741F49
- 5A1637
- 410D26
- 290617
- 130208
- 030001
Sắc xám
- E05295
- D65A92
- CD6190
- C3678E
- B96C8C
- AE7189
- A37587
- 987985
- 8D7D82
Hòa sắc
Bổ túc +180°
- E94897
Schiaparelli Pink
- 00A78A
≈ Moray Eel
Tương đồng -30° +30°
- E94897
Schiaparelli Pink
- CB57D5
≈ Thick Pink
- F4484B
≈ Pastel Strawberry
Bộ ba +120° +240°
- E94897
Schiaparelli Pink
- 8E9800
≈ Devil’s Flower Mantis
- 009BD6
≈ Structural Blue
Bổ túc chia +150° +210°
- E94897
Schiaparelli Pink
- 00AD29
≈ Kelley Green
- 00A2AF
≈ Aare River Brienz
Bộ bốn +90° +180° +270°
- E94897
Schiaparelli Pink
- B58700
≈ Letter Jacket
- 00A78A
≈ Moray Eel
- 5588FF
≈ Skinny Jeans
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.59:1 · APCA Lc 62
Ag
AATrên nền đen
WCAG 5.83:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.83:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
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);
}