Couleur nommée la plus proche · #EA72AE
#EA72AE
Couleur nommée la plus proche: Pop That Gum
#EA72AE (rgb(234 114 174), hsl(330 74% 68%), oklch(0.709 0.162 350.8)) est la plus proche de la couleur nommée Pop That Gum. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EA72AE
oklch(0.709 0.162 350.8)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- EE81B6
- F190BE
- F49EC6
- F7ACCE
- F9BAD6
- FBC8DE
- FDD6E6
- FEE3EE
- FFF1F7
Ombres
- CB6297
- AE5380
- 91446A
- 753655
- 5A2841
- 411B2E
- 290E1C
- 13040B
- 030101
Tons
- E075A9
- D677A5
- CC79A0
- C17B9B
- B77C97
- AC7D92
- A27E8E
- 977F89
- 8C8085
Harmonies de couleurs
Complémentaire +180°
- EA72AE
Pop That Gum
- 00BD95
≈ Mountain Meadow
Analogue -30° +30°
- EA72AE
Pop That Gum
- CE7CDE
≈ Lavender Perceptions
- F67275
≈ Georgia Peach
Triadique +120° +240°
- EA72AE
Pop That Gum
- A7A900
≈ Honey and Thyme
- 00B0E9
≈ Lynx Screen Blue
Complémentaire divisée +150° +210°
- EA72AE
Pop That Gum
- 63B954
≈ Pure Apple
- 00B7C0
≈ Lago Blue
Tétradique +90° +180° +270°
- EA72AE
Pop That Gum
- D09600
≈ Elysium Gold
- 00BD95
≈ Mountain Meadow
- 69A0FF
≈ Âbi Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.51:1 · APCA Lc 49
Meilleure couleur de texte: #000000
WCAG 7.51:1 (AAA) · APCA Lc 49
Contrast pairs
Extraits de code
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);
}