أقرب لون مسمّى · #E277B1
#E277B1
أقرب لون مسمّى: Pop That Gum
#E277B1 (rgb(226 119 177)، hsl(327 65% 68%)، oklch(0.707 0.148 347.8)) أقرب إلى اللون المسمّى Pop That Gum. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E277B1
oklch(0.707 0.148 347.8)
تحويلات الألوان
- HEX
- #e277b1
- RGB
- rgb(226 119 177)
- HSL
- hsl(327 65% 68%)
- HWB
- hwb(327 47% 11%)
- OKLCH
- oklch(0.707 0.148 347.8)
- OKLab
- oklab(0.707 0.145 -0.031)
- CIE Lab
- lab(64.01 47.4 -11.24)
- LCH
- lch(64.01 48.71 346.7)
- CMYK
- cmyk(0% 47% 22% 11%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E685B9
- EA93C0
- EEA1C8
- F1AED0
- F5BCD8
- F7C9DF
- FAD7E7
- FCE4EF
- FEF2F7
درجات داكنة
- C46799
- A85783
- 8C476C
- 713857
- 572A42
- 3E1C2F
- 27101C
- 12050C
- 030101
درجات رمادية
- D979AC
- CF7AA7
- C67CA2
- BC7D9D
- B37E98
- A97F93
- 9F7F8F
- 95808A
- 8B8085
تناسق الألوان
متمم +180°
- E277B1
Pop That Gum
- 00BC8F
≈ Slime Girl
متجاور -30° +30°
- E277B1
Pop That Gum
- C681DC
≈ Lavender Perceptions
- EE767D
≈ Salmon Poké Bowl
ثلاثي +120° +240°
- E277B1
Pop That Gum
- AAA614
≈ Jīn Sè Gold
- 00B0E3
≈ Blue Atoll
متمم منقسم +150° +210°
- E277B1
Pop That Gum
- 70B656
≈ Turtle Green
- 00B7BB
≈ Cyan Sky
رباعي +90° +180° +270°
- E277B1
Pop That Gum
- D29300
≈ Elysium Gold
- 00BC8F
≈ Slime Girl
- 63A1FB
≈ Âbi Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.79:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.50:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pop-that-gum: #e277b1;
--pop-that-gum-rgb: 226 119 177;
--pop-that-gum-oklch: oklch(0.707 0.148 347.8);
}
.element {
color: var(--pop-that-gum);
background-color: hsl(327 65% 68%);
border-color: oklch(0.707 0.148 347.8);
}Tailwind CSS v4
@theme {
--color-pop-that-gum: #e277b1;
--color-pop-that-gum-50: #ffe5fb;
--color-pop-that-gum-100: #ffd4ef;
--color-pop-that-gum-200: #ffbbdd;
--color-pop-that-gum-300: #f097c2;
--color-pop-that-gum-400: #dd77ae;
--color-pop-that-gum-500: #ca5697;
--color-pop-that-gum-600: #aa4a80;
--color-pop-that-gum-700: #893b67;
--color-pop-that-gum-800: #652a4d;
--color-pop-that-gum-900: #471c36;
--color-pop-that-gum-950: #2e0c21;
}SCSS
$pop-that-gum: #e277b1;
$pop-that-gum-rgb: 226, 119, 177;
$pop-that-gum-light: mix(#fff, $pop-that-gum, 20%);
$pop-that-gum-dark: mix(#000, $pop-that-gum, 20%);
.element {
color: $pop-that-gum;
box-shadow: 0 0 0 2px rgba($pop-that-gum, 0.35);
}