色名 · #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);
}