이름 색상 · #F8B4C4
Love Spell
Love Spell은(는) #F8B4C4: rgb(248 180 196), hsl(346 83% 84%), oklch(0.837 0.081 3.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Love Spell color name →
#F8B4C4
oklch(0.837 0.081 3.5)
색상 변환
- HEX
- #f8b4c4
- RGB
- rgb(248 180 196)
- HSL
- hsl(346 83% 84%)
- HWB
- hwb(346 71% 3%)
- OKLCH
- oklch(0.837 0.081 3.5)
- OKLab
- oklab(0.837 0.081 0.005)
- CIE Lab
- lab(80.15 27.1 2.18)
- LCH
- lch(80.15 27.19 4.6)
- CMYK
- cmyk(0% 27% 21% 3%)
틴트 · 셰이드 · 톤
틴트
- F9BCCA
- FAC3D0
- FBCBD5
- FCD2DB
- FDDAE1
- FEE1E7
- FEE9ED
- FFF0F3
- FFF7F9
셰이드
- D89CAA
- B88591
- 9A6E78
- 7C5861
- 60444A
- 453035
- 2C1D21
- 150C0E
- 030202
톤
- ECAFBD
- E0AAB6
- D3A4AF
- C79FA8
- BB9AA1
- AF959B
- A39094
- 988A8D
- 8C8587
색 조화
보색 +180°
- F8B4C4
Love Spell
- 8BDBCF
≈ Island Breeze
유사색 -30° +30°
- F8B4C4
Love Spell
- EBB6E0
≈ Pink Drink
- FAB7A7
≈ Nature Apricot
삼각 배색 +120° +240°
- F8B4C4
Love Spell
- BFD398
≈ Spring Has Sprung
- 9CD0FB
≈ Long Island Sound
분열 보색 +150° +210°
- F8B4C4
Love Spell
- A1DAB1
≈ Frugal
- 89D8EA
≈ Tanager Turquoise
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.70:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.31:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--love-spell: #f8b4c4;
--love-spell-rgb: 248 180 196;
--love-spell-oklch: oklch(0.837 0.081 3.5);
}
.element {
color: var(--love-spell);
background-color: hsl(346 83% 84%);
border-color: oklch(0.837 0.081 3.5);
}Tailwind CSS v4
@theme {
--color-love-spell: #f8b4c4;
--color-love-spell-50: #ffecf2;
--color-love-spell-100: #ffdde4;
--color-love-spell-200: #f4c6cf;
--color-love-spell-300: #dda7b1;
--color-love-spell-400: #c88a99;
--color-love-spell-500: #b36f80;
--color-love-spell-600: #985e6d;
--color-love-spell-700: #7a4b57;
--color-love-spell-800: #5a3640;
--color-love-spell-900: #3f252c;
--color-love-spell-950: #281319;
}SCSS
$love-spell: #f8b4c4;
$love-spell-rgb: 248, 180, 196;
$love-spell-light: mix(#fff, $love-spell, 20%);
$love-spell-dark: mix(#000, $love-spell, 20%);
.element {
color: $love-spell;
box-shadow: 0 0 0 2px rgba($love-spell, 0.35);
}