이름 색상 · #EEAAEE
Pinky Swear
Pinky Swear은(는) #EEAAEE: rgb(238 170 238), hsl(300 67% 80%), oklch(0.824 0.118 326.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Pinky Swear color name →
#EEAAEE
oklch(0.824 0.118 326.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- F0B3F0
- F2BBF2
- F4C4F4
- F6CCF5
- F8D5F7
- F9DDF9
- FBE6FA
- FCEEFC
- FEF7FE
셰이드
- CF93CF
- B17DB1
- 936893
- 775377
- 5C3F5C
- 422D42
- 2A1B2A
- 140B14
- 030103
톤
- E3A6E3
- D8A2D7
- CC9ECC
- C19AC1
- B696B6
- AB91AB
- A08DA0
- 968995
- 8B848B
색 조화
보색 +180°
- EEAAEE
Pinky Swear
- 91DA97
≈ Leek
유사색 -30° +30°
- EEAAEE
Pinky Swear
- CBB8FF
≈ Violet Heaven
- FFA7C7
≈ Taffy Pink
삼각 배색 +120° +240°
- EEAAEE
Pinky Swear
- E7C065
≈ Golden Chalice
- 52DBEC
≈ Blue Dacnis
분열 보색 +150° +210°
- EEAAEE
Pinky Swear
- C0CF73
≈ Gentle Dill
- 62DEC3
≈ Ocean in a Bowl
사각 배색 +90° +180° +270°
- EEAAEE
Pinky Swear
- FFB179
≈ Obtrusive Orange
- 91DA97
≈ Leek
- 82D0FF
≈ Drift on the Sea
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.80:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.61:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.61:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
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);
}