이름 색상 · #EB84F5
Pinkling
Pinkling은(는) #EB84F5: rgb(235 132 245), hsl(295 85% 74%), oklch(0.764 0.188 323.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Pinkling color name →
#EB84F5
oklch(0.764 0.188 323.9)
색상 변환
- HEX
- #eb84f5
- RGB
- rgb(235 132 245)
- HSL
- hsl(295 85% 74%)
- HWB
- hwb(295 52% 4%)
- OKLCH
- oklch(0.764 0.188 323.9)
- OKLab
- oklab(0.764 0.152 -0.111)
- CIE Lab
- lab(69.87 52.38 -40.02)
- LCH
- lch(69.87 65.91 322.6)
- CMYK
- cmyk(4% 46% 0% 4%)
틴트 · 셰이드 · 톤
틴트
- EE91F7
- F19EF8
- F3ABF9
- F5B7FB
- F7C4FC
- F9D0FD
- FBDCFD
- FDE7FE
- FEF3FF
셰이드
- CC72D5
- AE60B6
- 914F98
- 753F7B
- 5B2F5F
- 412044
- 29122B
- 130615
- 030103
톤
- E085E9
- D685DD
- CB85D1
- C085C6
- B685BA
- AB84AE
- A084A3
- 968397
- 8B818C
색 조화
보색 +180°
- EB84F5
Pinkling
- 5BD05D
≈ UFO Green
유사색 -30° +30°
- EB84F5
Pinkling
- B7A1FF
≈ Diva
- FF83BA
≈ Cochonnet
삼각 배색 +120° +240°
- EB84F5
Pinkling
- E1A800
≈ Nectar of the Goddess
- 00CAD8
≈ Jade Glass
분열 보색 +150° +210°
- EB84F5
Pinkling
- B2BD00
≈ The Killing Joke
- 00D0AB
≈ Mint Leaf
사각 배색 +90° +180° +270°
- EB84F5
Pinkling
- FF9342
≈ Pastel Orange
- 5BD05D
≈ UFO Green
- 39C0FF
≈ Megaman
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.29:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.15:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--pinkling: #eb84f5;
--pinkling-rgb: 235 132 245;
--pinkling-oklch: oklch(0.764 0.188 323.9);
}
.element {
color: var(--pinkling);
background-color: hsl(295 85% 74%);
border-color: oklch(0.764 0.188 323.9);
}Tailwind CSS v4
@theme {
--color-pinkling: #eb84f5;
--color-pinkling-50: #ffe3ff;
--color-pinkling-100: #ffd3ff;
--color-pinkling-200: #feb8ff;
--color-pinkling-300: #e894eb;
--color-pinkling-400: #d373dc;
--color-pinkling-500: #bf4fcb;
--color-pinkling-600: #a144ab;
--color-pinkling-700: #823689;
--color-pinkling-800: #5f2768;
--color-pinkling-900: #431a49;
--color-pinkling-950: #2b0930;
}SCSS
$pinkling: #eb84f5;
$pinkling-rgb: 235, 132, 245;
$pinkling-light: mix(#fff, $pinkling, 20%);
$pinkling-dark: mix(#000, $pinkling, 20%);
.element {
color: $pinkling;
box-shadow: 0 0 0 2px rgba($pinkling, 0.35);
}