이름 색상 · #EEBCB8
Pink Sachet
Pink Sachet은(는) #EEBCB8: rgb(238 188 184), hsl(4 61% 83%), oklch(0.839 0.058 23.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Pink Sachet color name →
#EEBCB8
oklch(0.839 0.058 23.7)
색상 변환
- HEX
- #eebcb8
- RGB
- rgb(238 188 184)
- HSL
- hsl(4 61% 83%)
- HWB
- hwb(4 72% 7%)
- OKLCH
- oklch(0.839 0.058 23.7)
- OKLab
- oklab(0.839 0.053 0.023)
- CIE Lab
- lab(80.73 18.1 9.27)
- LCH
- lch(80.73 20.33 27.1)
- CMYK
- cmyk(0% 21% 23% 7%)
틴트 · 셰이드 · 톤
틴트
- F0C3BF
- F2C9C6
- F4D0CD
- F6D7D4
- F7DDDB
- F9E4E2
- FBEBE9
- FCF1F1
- FEF8F8
셰이드
- CFA3A0
- B18B88
- 937371
- 775D5B
- 5C4745
- 423231
- 2A1F1E
- 140D0C
- 030202
톤
- E3B6B2
- D7B0AD
- CCAAA7
- C1A4A1
- B69E9C
- AB9896
- A09290
- 958C8B
- 8B8685
색 조화
보색 +180°
- EEBCB8
Pink Sachet
- 9DD6DB
≈ Lake Reflection
유사색 -30° +30°
- EEBCB8
Pink Sachet
- EABBCD
≈ Dainty Pink
- E9C1A7
≈ Copper Blush
삼각 배색 +120° +240°
- EEBCB8
Pink Sachet
- B4D5B2
≈ Flower Stem
- B7CBF1
≈ Cuddle
분열 보색 +150° +210°
- EEBCB8
Pink Sachet
- A3D7C7
≈ Yucca Cream
- A5D1EB
≈ Little Pond
사각 배색 +90° +180° +270°
- EEBCB8
Pink Sachet
- C9CFA4
≈ Baize Green
- 9DD6DB
≈ Lake Reflection
- CBC4ED
≈ Soap
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.67:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.52:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.52:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--pink-sachet: #eebcb8;
--pink-sachet-rgb: 238 188 184;
--pink-sachet-oklch: oklch(0.839 0.058 23.7);
}
.element {
color: var(--pink-sachet);
background-color: hsl(4 61% 83%);
border-color: oklch(0.839 0.058 23.7);
}Tailwind CSS v4
@theme {
--color-pink-sachet: #eebcb8;
--color-pink-sachet-50: #ffefed;
--color-pink-sachet-100: #fbe1de;
--color-pink-sachet-200: #eccbc8;
--color-pink-sachet-300: #d4ada8;
--color-pink-sachet-400: #bf918e;
--color-pink-sachet-500: #aa7774;
--color-pink-sachet-600: #8f6562;
--color-pink-sachet-700: #73514e;
--color-pink-sachet-800: #553a39;
--color-pink-sachet-900: #3b2827;
--color-pink-sachet-950: #251615;
}SCSS
$pink-sachet: #eebcb8;
$pink-sachet-rgb: 238, 188, 184;
$pink-sachet-light: mix(#fff, $pink-sachet, 20%);
$pink-sachet-dark: mix(#000, $pink-sachet, 20%);
.element {
color: $pink-sachet;
box-shadow: 0 0 0 2px rgba($pink-sachet, 0.35);
}