이름 색상 · #FF22EE
Pink Kitsch
Pink Kitsch은(는) #FF22EE: rgb(255 34 238), hsl(305 100% 57%), oklch(0.699 0.302 332.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Pink Kitsch color name →
#FF22EE
oklch(0.699 0.302 332.1)
색상 변환
- HEX
- #ff22ee
- RGB
- rgb(255 34 238)
- HSL
- hsl(305 100% 57%)
- HWB
- hwb(305 13% 0%)
- OKLCH
- oklch(0.699 0.302 332.1)
- OKLab
- oklab(0.699 0.267 -0.141)
- CIE Lab
- lab(60.41 88.94 -50.68)
- LCH
- lch(60.41 102.36 330.3)
- CMYK
- cmyk(0% 87% 7% 0%)
틴트 · 셰이드 · 톤
틴트
- FF4DF1
- FF68F3
- FF7FF5
- FF94F7
- FFA7F9
- FFBAFB
- FFCCFC
- FFDDFD
- FFEEFE
셰이드
- DE1CCF
- BE16B1
- 9E1193
- 800B77
- 63075C
- 480342
- 2E012A
- 160014
- 030003
톤
- F33CE3
- E74CD8
- DB58CD
- CF61C2
- C369B7
- B66FAC
- AA74A1
- 9C7996
- 8F7D8B
색 조화
보색 +180°
- FF22EE
Pink Kitsch
- 00BD61
≈ Green Elliott
유사색 -30° +30°
- FF22EE
Pink Kitsch
- B57BFF
≈ Illicit Purple
- FF5894
≈ Fuchsia Fever
삼각 배색 +120° +240°
- FF22EE
Pink Kitsch
- BE9A00
≈ Perennial
- 00B1CA
≈ Havasupai Falls
분열 보색 +150° +210°
- FF22EE
Pink Kitsch
- 8DAD00
≈ Gameboy Screen
- 00B7A4
≈ Aare River
사각 배색 +90° +180° +270°
- FF22EE
Pink Kitsch
- E38300
≈ Fulvous
- 00BD61
≈ Green Elliott
- 00A7FB
≈ Protoss Pylon
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.12:1 · APCA Lc 56
Ag
AA검은색 위
WCAG 6.71:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 6.71:1 (AA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--pink-kitsch: #ff22ee;
--pink-kitsch-rgb: 255 34 238;
--pink-kitsch-oklch: oklch(0.699 0.302 332.1);
}
.element {
color: var(--pink-kitsch);
background-color: hsl(305 100% 57%);
border-color: oklch(0.699 0.302 332.1);
}Tailwind CSS v4
@theme {
--color-pink-kitsch: #ff22ee;
--color-pink-kitsch-50: #ffd4ff;
--color-pink-kitsch-100: #ffc1ff;
--color-pink-kitsch-200: #ff9eff;
--color-pink-kitsch-300: #ff6ef5;
--color-pink-kitsch-400: #fb34ea;
--color-pink-kitsch-500: #ea00da;
--color-pink-kitsch-600: #c500b8;
--color-pink-kitsch-700: #9f0094;
--color-pink-kitsch-800: #750072;
--color-pink-kitsch-900: #530050;
--color-pink-kitsch-950: #370035;
}SCSS
$pink-kitsch: #ff22ee;
$pink-kitsch-rgb: 255, 34, 238;
$pink-kitsch-light: mix(#fff, $pink-kitsch, 20%);
$pink-kitsch-dark: mix(#000, $pink-kitsch, 20%);
.element {
color: $pink-kitsch;
box-shadow: 0 0 0 2px rgba($pink-kitsch, 0.35);
}