이름 색상 · #E1B9C2
Love in a Mist
Love in a Mist은(는) #E1B9C2: rgb(225 185 194), hsl(347 40% 80%), oklch(0.823 0.047 3.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Love in a Mist color name →
#E1B9C2
oklch(0.823 0.047 3.1)
색상 변환
- HEX
- #e1b9c2
- RGB
- rgb(225 185 194)
- HSL
- hsl(347 40% 80%)
- HWB
- hwb(347 73% 12%)
- OKLCH
- oklch(0.823 0.047 3.1)
- OKLab
- oklab(0.823 0.047 0.003)
- CIE Lab
- lab(78.93 15.87 1.14)
- LCH
- lch(78.93 15.91 4.1)
- CMYK
- cmyk(0% 18% 14% 12%)
틴트 · 셰이드 · 톤
틴트
- E4C0C8
- E7C7CE
- EACED4
- EED5DA
- F1DCE0
- F4E3E6
- F6EAEC
- F9F1F3
- FCF8F9
셰이드
- C4A0A8
- A7898F
- 8B7177
- 705B60
- 564649
- 3E3134
- 271E20
- 120D0E
- 020202
톤
- D7B3BB
- CDADB4
- C3A8AE
- B9A2A7
- B09CA0
- A6969A
- 9C9193
- 938B8D
- 898686
색 조화
보색 +180°
- E1B9C2
Love in a Mist
- A4D0C8
≈ Sea Inspired
유사색 -30° +30°
- E1B9C2
Love in a Mist
- D9BAD3
≈ Lavender Veil
- E2BBB2
≈ Sweet Peach
삼각 배색 +120° +240°
- E1B9C2
Love in a Mist
- BFCBA9
≈ Pale Leaf
- ACC9E2
≈ Blue Veil
분열 보색 +150° +210°
- E1B9C2
Love in a Mist
- AFCFB7
≈ Misty Jade
- A3CED8
≈ Children’s Soft Blue
사각 배색 +90° +180° +270°
- E1B9C2
Love in a Mist
- CFC5A3
≈ Sand Trail
- A4D0C8
≈ Sea Inspired
- BBC4E5
≈ Canterbury Bells
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.92:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--love-in-a-mist: #e1b9c2;
--love-in-a-mist-rgb: 225 185 194;
--love-in-a-mist-oklch: oklch(0.823 0.047 3.1);
}
.element {
color: var(--love-in-a-mist);
background-color: hsl(347 40% 80%);
border-color: oklch(0.823 0.047 3.1);
}Tailwind CSS v4
@theme {
--color-love-in-a-mist: #e1b9c2;
--color-love-in-a-mist-50: #fff0f3;
--color-love-in-a-mist-100: #f7e2e6;
--color-love-in-a-mist-200: #e7ccd1;
--color-love-in-a-mist-300: #ceaeb4;
--color-love-in-a-mist-400: #b8939c;
--color-love-in-a-mist-500: #a27983;
--color-love-in-a-mist-600: #89676f;
--color-love-in-a-mist-700: #6e5259;
--color-love-in-a-mist-800: #513c41;
--color-love-in-a-mist-900: #38292d;
--color-love-in-a-mist-950: #23171a;
}SCSS
$love-in-a-mist: #e1b9c2;
$love-in-a-mist-rgb: 225, 185, 194;
$love-in-a-mist-light: mix(#fff, $love-in-a-mist, 20%);
$love-in-a-mist-dark: mix(#000, $love-in-a-mist, 20%);
.element {
color: $love-in-a-mist;
box-shadow: 0 0 0 2px rgba($love-in-a-mist, 0.35);
}