Nazwany kolor · #EEAAEE
Pinky Swear
Pinky Swear to #EEAAEE: rgb(238 170 238), hsl(300 67% 80%), oklch(0.824 0.118 326.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Pinky Swear color name →
#EEAAEE
oklch(0.824 0.118 326.6)
Konwersje koloru
- HEX
- #eeaaee
- RGB
- rgb(238 170 238)
- HSL
- hsl(300 67% 80%)
- HWB
- hwb(300 67% 7%)
- OKLCH
- oklch(0.824 0.118 326.6)
- OKLab
- oklab(0.824 0.099 -0.065)
- CIE Lab
- lab(77.89 33.7 -23.92)
- LCH
- lch(77.89 41.33 324.6)
- CMYK
- cmyk(0% 29% 0% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0B3F0
- F2BBF2
- F4C4F4
- F6CCF5
- F8D5F7
- F9DDF9
- FBE6FA
- FCEEFC
- FEF7FE
Odcienie ciemniejsze
- CF93CF
- B17DB1
- 936893
- 775377
- 5C3F5C
- 422D42
- 2A1B2A
- 140B14
- 030103
Tony
- E3A6E3
- D8A2D7
- CC9ECC
- C19AC1
- B696B6
- AB91AB
- A08DA0
- 968995
- 8B848B
Harmonie kolorów
Komplementarna +180°
- EEAAEE
Pinky Swear
- 91DA97
≈ Leek
Analogowa -30° +30°
- EEAAEE
Pinky Swear
- CBB8FF
≈ Violet Heaven
- FFA7C7
≈ Taffy Pink
Triada +120° +240°
- EEAAEE
Pinky Swear
- E7C065
≈ Golden Chalice
- 52DBEC
≈ Blue Dacnis
Komplementarna rozszczepiona +150° +210°
- EEAAEE
Pinky Swear
- C0CF73
≈ Gentle Dill
- 62DEC3
≈ Ocean in a Bowl
Tetrada +90° +180° +270°
- EEAAEE
Pinky Swear
- FFB179
≈ Obtrusive Orange
- 91DA97
≈ Leek
- 82D0FF
≈ Drift on the Sea
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.80:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.61:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.61:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--pinky-swear: #eeaaee;
--pinky-swear-rgb: 238 170 238;
--pinky-swear-oklch: oklch(0.824 0.118 326.6);
}
.element {
color: var(--pinky-swear);
background-color: hsl(300 67% 80%);
border-color: oklch(0.824 0.118 326.6);
}Tailwind CSS v4
@theme {
--color-pinky-swear: #eeaaee;
--color-pinky-swear-50: #ffeaff;
--color-pinky-swear-100: #ffdafc;
--color-pinky-swear-200: #f1c3ee;
--color-pinky-swear-300: #d9a2d6;
--color-pinky-swear-400: #c385c3;
--color-pinky-swear-500: #ae68af;
--color-pinky-swear-600: #935894;
--color-pinky-swear-700: #764777;
--color-pinky-swear-800: #573359;
--color-pinky-swear-900: #3c233e;
--color-pinky-swear-950: #261227;
}SCSS
$pinky-swear: #eeaaee;
$pinky-swear-rgb: 238, 170, 238;
$pinky-swear-light: mix(#fff, $pinky-swear, 20%);
$pinky-swear-dark: mix(#000, $pinky-swear, 20%);
.element {
color: $pinky-swear;
box-shadow: 0 0 0 2px rgba($pinky-swear, 0.35);
}