이름 색상 · #E3A9C4
Party Time
Party Time은(는) #E3A9C4: rgb(227 169 196), hsl(332 51% 78%), oklch(0.797 0.076 349.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Party Time color name →
#E3A9C4
oklch(0.797 0.076 349.4)
색상 변환
- HEX
- #e3a9c4
- RGB
- rgb(227 169 196)
- HSL
- hsl(332 51% 78%)
- HWB
- hwb(332 66% 11%)
- OKLCH
- oklch(0.797 0.076 349.4)
- OKLab
- oklab(0.797 0.075 -0.014)
- CIE Lab
- lab(75.38 24.96 -5.06)
- LCH
- lch(75.38 25.47 348.5)
- CMYK
- cmyk(0% 26% 14% 11%)
틴트 · 셰이드 · 톤
틴트
- E6B2CA
- E9BAD0
- ECC3D5
- EFCBDB
- F2D4E1
- F5DCE7
- F8E5ED
- FAEEF3
- FDF6F9
셰이드
- C592AA
- A87C91
- 8C6778
- 715361
- 573F4A
- 3F2C35
- 271B21
- 120A0E
- 030102
톤
- D9A5BD
- CFA1B6
- C59DAF
- BB99A8
- B195A1
- A7919B
- 9D8C94
- 94888D
- 8A8487
색 조화
보색 +180°
- E3A9C4
Party Time
- 8ACDB5
≈ Vile Green
유사색 -30° +30°
- E3A9C4
Party Time
- D3ADDC
≈ Whisper of Plum
- EAA9A9
≈ Hibiscus Petal
삼각 배색 +120° +240°
- E3A9C4
Party Time
- C0C188
≈ Kiss a Frog
- 88C7E4
≈ Deluxe Days
분열 보색 +150° +210°
- E3A9C4
Party Time
- A4C99A
≈ Gingko
- 7FCCCF
≈ White Ultramarine
사각 배색 +90° +180° +270°
- E3A9C4
Party Time
- D7B884
≈ Brik Dough
- 8ACDB5
≈ Vile Green
- A0BEEE
≈ Sail to the Sea
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.95:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.73:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.73:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--party-time: #e3a9c4;
--party-time-rgb: 227 169 196;
--party-time-oklch: oklch(0.797 0.076 349.4);
}
.element {
color: var(--party-time);
background-color: hsl(332 51% 78%);
border-color: oklch(0.797 0.076 349.4);
}Tailwind CSS v4
@theme {
--color-party-time: #e3a9c4;
--color-party-time-50: #ffedf8;
--color-party-time-100: #fddeeb;
--color-party-time-200: #efc8d8;
--color-party-time-300: #d7a8bc;
--color-party-time-400: #c18ca5;
--color-party-time-500: #ad718e;
--color-party-time-600: #926078;
--color-party-time-700: #754d60;
--color-party-time-800: #563747;
--color-party-time-900: #3c2631;
--color-party-time-950: #26141d;
}SCSS
$party-time: #e3a9c4;
$party-time-rgb: 227, 169, 196;
$party-time-light: mix(#fff, $party-time, 20%);
$party-time-dark: mix(#000, $party-time, 20%);
.element {
color: $party-time;
box-shadow: 0 0 0 2px rgba($party-time, 0.35);
}