En yakın adlandırılmış renk · #EA72AE
#EA72AE
En yakın adlandırılmış renk: Pop That Gum
#EA72AE (rgb(234 114 174), hsl(330 74% 68%), oklch(0.709 0.162 350.8)) en çok Pop That Gum 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.
#EA72AE
oklch(0.709 0.162 350.8)
Renk dönüşümleri
- HEX
- #ea72ae
- RGB
- rgb(234 114 174)
- HSL
- hsl(330 74% 68%)
- HWB
- hwb(330 45% 8%)
- OKLCH
- oklch(0.709 0.162 350.8)
- OKLab
- oklab(0.709 0.16 -0.026)
- CIE Lab
- lab(64.11 52.11 -9.24)
- LCH
- lch(64.11 52.92 349.9)
- CMYK
- cmyk(0% 51% 26% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EE81B6
- F190BE
- F49EC6
- F7ACCE
- F9BAD6
- FBC8DE
- FDD6E6
- FEE3EE
- FFF1F7
Koyu tonlar
- CB6297
- AE5380
- 91446A
- 753655
- 5A2841
- 411B2E
- 290E1C
- 13040B
- 030101
Gri tonlar
- E075A9
- D677A5
- CC79A0
- C17B9B
- B77C97
- AC7D92
- A27E8E
- 977F89
- 8C8085
Renk uyumları
Tamamlayıcı +180°
- EA72AE
Pop That Gum
- 00BD95
≈ Mountain Meadow
Analog -30° +30°
- EA72AE
Pop That Gum
- CE7CDE
≈ Lavender Perceptions
- F67275
≈ Georgia Peach
Üçlü +120° +240°
- EA72AE
Pop That Gum
- A7A900
≈ Honey and Thyme
- 00B0E9
≈ Lynx Screen Blue
Bölünmüş tamamlayıcı +150° +210°
- EA72AE
Pop That Gum
- 63B954
≈ Pure Apple
- 00B7C0
≈ Lago Blue
Dörtlü +90° +180° +270°
- EA72AE
Pop That Gum
- D09600
≈ Elysium Gold
- 00BD95
≈ Mountain Meadow
- 69A0FF
≈ Âbi Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.51:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.51:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--pop-that-gum: #ea72ae;
--pop-that-gum-rgb: 234 114 174;
--pop-that-gum-oklch: oklch(0.709 0.162 350.8);
}
.element {
color: var(--pop-that-gum);
background-color: hsl(330 74% 68%);
border-color: oklch(0.709 0.162 350.8);
}Tailwind CSS v4
@theme {
--color-pop-that-gum: #ea72ae;
--color-pop-that-gum-50: #ffe3f9;
--color-pop-that-gum-100: #ffd2ed;
--color-pop-that-gum-200: #ffb8da;
--color-pop-that-gum-300: #f793bf;
--color-pop-that-gum-400: #e472aa;
--color-pop-that-gum-500: #d14f94;
--color-pop-that-gum-600: #b0447d;
--color-pop-that-gum-700: #8e3664;
--color-pop-that-gum-800: #69264b;
--color-pop-that-gum-900: #4a1a34;
--color-pop-that-gum-950: #300920;
}SCSS
$pop-that-gum: #ea72ae;
$pop-that-gum-rgb: 234, 114, 174;
$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);
}