Nazwany kolor · #E94B7E
Kacey’s Pink
Kacey’s Pink to #E94B7E: rgb(233 75 126), hsl(341 78% 60%), oklch(0.646 0.197 4.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Kacey’s Pink color name →
#E94B7E
oklch(0.646 0.197 4.9)
Konwersje koloru
- HEX
- #e94b7e
- RGB
- rgb(233 75 126)
- HSL
- hsl(341 78% 60%)
- HWB
- hwb(341 29% 9%)
- OKLCH
- oklch(0.646 0.197 4.9)
- OKLab
- oklab(0.646 0.196 0.017)
- CIE Lab
- lab(56.52 64.07 7.58)
- LCH
- lch(56.52 64.51 6.7)
- CMYK
- cmyk(0% 68% 46% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EE618A
- F27596
- F687A3
- F999B0
- FCAABC
- FEBBCA
- FFCCD7
- FFDDE4
- FFEEF1
Odcienie ciemniejsze
- CB406D
- AD355C
- 902B4C
- 74213C
- 5A172D
- 410E1F
- 290611
- 130205
- 030001
Tony
- E0547E
- D65B7E
- CD627F
- C3687F
- B96D7F
- AE727F
- A4767F
- 987980
- 8D7D80
Harmonie kolorów
Komplementarna +180°
- E94B7E
Kacey’s Pink
- 00A497
≈ Tyrolite Blue-Green
Analogowa -30° +30°
- E94B7E
Kacey’s Pink
- D255BD
≈ Zǐ Sè Purple
- ED532C
≈ Fuego
Triada +120° +240°
- E94B7E
Kacey’s Pink
- 789E00
≈ Luminescent Green
- 0095E9
≈ Pervenche
Komplementarna rozszczepiona +150° +210°
- E94B7E
Kacey’s Pink
- 00A960
≈ Greedo Green
- 009FB9
≈ January Blue
Tetrada +90° +180° +270°
- E94B7E
Kacey’s Pink
- A78C00
≈ Romaine Green
- 00A497
≈ Tyrolite Blue-Green
- 6F7EFF
≈ Orchid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.63:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.77:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.77:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--kacey-s-pink: #e94b7e;
--kacey-s-pink-rgb: 233 75 126;
--kacey-s-pink-oklch: oklch(0.646 0.197 4.9);
}
.element {
color: var(--kacey-s-pink);
background-color: hsl(341 78% 60%);
border-color: oklch(0.646 0.197 4.9);
}Tailwind CSS v4
@theme {
--color-kacey-s-pink: #e94b7e;
--color-kacey-s-pink-50: #ffdeeb;
--color-kacey-s-pink-100: #ffcddd;
--color-kacey-s-pink-200: #ffb0c6;
--color-kacey-s-pink-300: #ff89a6;
--color-kacey-s-pink-400: #f9628f;
--color-kacey-s-pink-500: #e73475;
--color-kacey-s-pink-600: #c32f63;
--color-kacey-s-pink-700: #9d254f;
--color-kacey-s-pink-800: #75193c;
--color-kacey-s-pink-900: #531129;
--color-kacey-s-pink-950: #370217;
}SCSS
$kacey-s-pink: #e94b7e;
$kacey-s-pink-rgb: 233, 75, 126;
$kacey-s-pink-light: mix(#fff, $kacey-s-pink, 20%);
$kacey-s-pink-dark: mix(#000, $kacey-s-pink, 20%);
.element {
color: $kacey-s-pink;
box-shadow: 0 0 0 2px rgba($kacey-s-pink, 0.35);
}