Couleur nommée la plus proche · #E277B1
#E277B1
Couleur nommée la plus proche: Pop That Gum
#E277B1 (rgb(226 119 177), hsl(327 65% 68%), oklch(0.707 0.148 347.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.
#E277B1
oklch(0.707 0.148 347.8)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E685B9
- EA93C0
- EEA1C8
- F1AED0
- F5BCD8
- F7C9DF
- FAD7E7
- FCE4EF
- FEF2F7
Ombres
- C46799
- A85783
- 8C476C
- 713857
- 572A42
- 3E1C2F
- 27101C
- 12050C
- 030101
Tons
- D979AC
- CF7AA7
- C67CA2
- BC7D9D
- B37E98
- A97F93
- 9F7F8F
- 95808A
- 8B8085
Harmonies de couleurs
Complémentaire +180°
- E277B1
Pop That Gum
- 00BC8F
≈ Slime Girl
Analogue -30° +30°
- E277B1
Pop That Gum
- C681DC
≈ Lavender Perceptions
- EE767D
≈ Salmon Poké Bowl
Triadique +120° +240°
- E277B1
Pop That Gum
- AAA614
≈ Jīn Sè Gold
- 00B0E3
≈ Blue Atoll
Complémentaire divisée +150° +210°
- E277B1
Pop That Gum
- 70B656
≈ Turtle Green
- 00B7BB
≈ Cyan Sky
Tétradique +90° +180° +270°
- E277B1
Pop That Gum
- D29300
≈ Elysium Gold
- 00BC8F
≈ Slime Girl
- 63A1FB
≈ Âbi Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.50:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
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);
}