이름 색상 · #FC89AC
Tickle Me Pink
Tickle Me Pink은(는) #FC89AC: rgb(252 137 172), hsl(342 95% 76%), oklch(0.765 0.144 1.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Tickle Me Pink color name →
#FC89AC
oklch(0.765 0.144 1.6)
색상 변환
- HEX
- #fc89ac
- RGB
- rgb(252 137 172)
- HSL
- hsl(342 95% 76%)
- HWB
- hwb(342 54% 1%)
- OKLCH
- oklch(0.765 0.144 1.6)
- OKLab
- oklab(0.765 0.144 0.004)
- CIE Lab
- lab(70.93 47.31 2.17)
- LCH
- lch(70.93 47.36 2.6)
- CMYK
- cmyk(0% 46% 32% 1%)
틴트 · 셰이드 · 톤
틴트
- FE95B4
- FFA2BC
- FFAEC4
- FFB9CC
- FFC5D5
- FFD1DD
- FFDCE5
- FFE8EE
- FFF3F6
셰이드
- DB7695
- BB647F
- 9C5369
- 7E4254
- 623140
- 47222D
- 2D141B
- 16070B
- 030101
톤
- F089A7
- E489A3
- D8889F
- CB879A
- BF8796
- B38691
- A6848D
- 9A8389
- 8D8284
색 조화
보색 +180°
- FC89AC
Tickle Me Pink
- 00CEB9
≈ Pristine Oceanic
유사색 -30° +30°
- FC89AC
Tickle Me Pink
- E78FDC
≈ Love Dust
- FF8E79
≈ Kissable
삼각 배색 +120° +240°
- FC89AC
Tickle Me Pink
- A4C04F
≈ Money Banks
- 5BBCFF
≈ Hello Summer
분열 보색 +150° +210°
- FC89AC
Tickle Me Pink
- 63CC83
≈ Spring Bouquet
- 00C8E3
≈ Picnic Day Sky
사각 배색 +90° +180° +270°
- FC89AC
Tickle Me Pink
- D4AF2D
≈ Marina Bay Sands
- 00CEB9
≈ Pristine Oceanic
- 97AEFF
≈ Widowmaker
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.25:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.31:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--tickle-me-pink: #fc89ac;
--tickle-me-pink-rgb: 252 137 172;
--tickle-me-pink-oklch: oklch(0.765 0.144 1.6);
}
.element {
color: var(--tickle-me-pink);
background-color: hsl(342 95% 76%);
border-color: oklch(0.765 0.144 1.6);
}Tailwind CSS v4
@theme {
--color-tickle-me-pink: #fc89ac;
--color-tickle-me-pink-50: #ffe5f1;
--color-tickle-me-pink-100: #ffd5e3;
--color-tickle-me-pink-200: #ffbbcd;
--color-tickle-me-pink-300: #f598af;
--color-tickle-me-pink-400: #e27798;
--color-tickle-me-pink-500: #cf567f;
--color-tickle-me-pink-600: #af4a6c;
--color-tickle-me-pink-700: #8d3b56;
--color-tickle-me-pink-800: #682a41;
--color-tickle-me-pink-900: #491c2d;
--color-tickle-me-pink-950: #300c1a;
}SCSS
$tickle-me-pink: #fc89ac;
$tickle-me-pink-rgb: 252, 137, 172;
$tickle-me-pink-light: mix(#fff, $tickle-me-pink, 20%);
$tickle-me-pink-dark: mix(#000, $tickle-me-pink, 20%);
.element {
color: $tickle-me-pink;
box-shadow: 0 0 0 2px rgba($tickle-me-pink, 0.35);
}