Najbliższy nazwany kolor · #E770C5
#E770C5
Najbliższy nazwany kolor: Nervous Neon Pink
#E770C5 (rgb(231 112 197), hsl(317 71% 67%), oklch(0.711 0.177 339.5)) jest najbliższy nazwanemu kolorowi Nervous Neon Pink. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E770C5
oklch(0.711 0.177 339.5)
Konwersje koloru
- HEX
- #e770c5
- RGB
- rgb(231 112 197)
- HSL
- hsl(317 71% 67%)
- HWB
- hwb(317 44% 9%)
- OKLCH
- oklch(0.711 0.177 339.5)
- OKLab
- oklab(0.711 0.166 -0.062)
- CIE Lab
- lab(63.98 54.45 -22.49)
- LCH
- lch(63.98 58.91 337.6)
- CMYK
- cmyk(0% 52% 15% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EB7FCB
- EF8ED1
- F29DD7
- F5ABDD
- F7B9E2
- FAC7E8
- FCD5EE
- FDE3F4
- FEF1F9
Odcienie ciemniejsze
- C960AB
- AB5192
- 8F4379
- 733561
- 59274B
- 401A35
- 280E21
- 13040E
- 030102
Tony
- DD73BE
- D376B7
- C978B0
- BF7AA9
- B57BA2
- AB7D9B
- A17E95
- 967F8E
- 8B8087
Harmonie kolorów
Komplementarna +180°
- E770C5
Nervous Neon Pink
- 00C07D
≈ Times Square Screens
Analogowa -30° +30°
- E770C5
Nervous Neon Pink
- C37EF4
≈ Illicit Purple
- FA6B8A
≈ Ultra Red
Triada +120° +240°
- E770C5
Nervous Neon Pink
- B9A200
≈ Snakebite Leather
- 00B4D9
≈ Blue Atoll
Komplementarna rozszczepiona +150° +210°
- E770C5
Nervous Neon Pink
- 7DB625
≈ Jubilant Meadow
- 00BAB2
≈ Super Rare Jade
Tetrada +90° +180° +270°
- E770C5
Nervous Neon Pink
- DE8D00
≈ Harvest Eve Gold
- 00C07D
≈ Times Square Screens
- 47A7FF
≈ Xed
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.52:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.52:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--nervous-neon-pink: #e770c5;
--nervous-neon-pink-rgb: 231 112 197;
--nervous-neon-pink-oklch: oklch(0.711 0.177 339.5);
}
.element {
color: var(--nervous-neon-pink);
background-color: hsl(317 71% 67%);
border-color: oklch(0.711 0.177 339.5);
}Tailwind CSS v4
@theme {
--color-nervous-neon-pink: #e770c5;
--color-nervous-neon-pink-50: #ffe2ff;
--color-nervous-neon-pink-100: #ffd1f9;
--color-nervous-neon-pink-200: #ffb6ea;
--color-nervous-neon-pink-300: #f491d1;
--color-nervous-neon-pink-400: #e070c0;
--color-nervous-neon-pink-500: #cd4bab;
--color-nervous-neon-pink-600: #ad4191;
--color-nervous-neon-pink-700: #8b3474;
--color-nervous-neon-pink-800: #672558;
--color-nervous-neon-pink-900: #48193d;
--color-nervous-neon-pink-950: #2f0827;
}SCSS
$nervous-neon-pink: #e770c5;
$nervous-neon-pink-rgb: 231, 112, 197;
$nervous-neon-pink-light: mix(#fff, $nervous-neon-pink, 20%);
$nervous-neon-pink-dark: mix(#000, $nervous-neon-pink, 20%);
.element {
color: $nervous-neon-pink;
box-shadow: 0 0 0 2px rgba($nervous-neon-pink, 0.35);
}