色名 · #F8EBFC
Placebo Fuchsia
Placebo Fuchsiaは#F8EBFC：rgb(248 235 252)、hsl(286 74% 95%)、oklch(0.955 0.026 318.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Placebo Fuchsia color name →
#F8EBFC
oklch(0.955 0.026 318.2)
カラー変換
- HEX
- #f8ebfc
- RGB
- rgb(248 235 252)
- HSL
- hsl(286 74% 95%)
- HWB
- hwb(286 92% 1%)
- OKLCH
- oklch(0.955 0.026 318.2)
- OKLab
- oklab(0.955 0.02 -0.018)
- CIE Lab
- lab(94.46 6.76 -6.58)
- LCH
- lch(94.46 9.44 315.8)
- CMYK
- cmyk(2% 7% 0% 1%)
ティント · シェード · トーン
ティント
- F9EDFC
- F9EFFD
- FAF1FD
- FBF3FD
- FCF5FE
- FCF7FE
- FDF9FE
- FEFBFE
- FEFDFF
シェード
- D8CCDB
- B8AEBB
- 9A919C
- 7C757E
- 605B62
- 454147
- 2C292D
- 151316
- 030303
トーン
- EBE0EF
- DFD5E2
- D3CAD5
- C6BFC9
- BAB4BC
- AEA9B0
- A29FA4
- 979498
- 8B8A8C
カラーハーモニー
補色 +180°
- F8EBFC
Placebo Fuchsia
- E8F5E4
≈ Homoeopathic Lime
類似色 -30° +30°
- F8EBFC
Placebo Fuchsia
- EFEEFF
≈ Foundation White
- FFE9F3
≈ Fairy Dust
トライアド +120° +240°
- F8EBFC
Placebo Fuchsia
- FAEFDD
≈ Moonlight White
- DDF6F7
≈ Coastal Breeze
スプリットコンプリメンタリー +150° +210°
- F8EBFC
Placebo Fuchsia
- F1F2DE
≈ Restful Rain
- E0F6ED
≈ Frosty Mint
テトラード +90° +180° +270°
- F8EBFC
Placebo Fuchsia
- FFECE2
≈ Pink Glow
- E8F5E4
≈ Homoeopathic Lime
- DFF4FE
≈ Wizard White
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.14:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.28:1 · APCA Lc 97
最適な文字色: #000000
WCAG 18.28:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--placebo-fuchsia: #f8ebfc;
--placebo-fuchsia-rgb: 248 235 252;
--placebo-fuchsia-oklch: oklch(0.955 0.026 318.2);
}
.element {
color: var(--placebo-fuchsia);
background-color: hsl(286 74% 95%);
border-color: oklch(0.955 0.026 318.2);
}Tailwind CSS v4
@theme {
--color-placebo-fuchsia: #f8ebfc;
--color-placebo-fuchsia-50: #f9f3fa;
--color-placebo-fuchsia-100: #ece5ed;
--color-placebo-fuchsia-200: #d9d1db;
--color-placebo-fuchsia-300: #beb3c0;
--color-placebo-fuchsia-400: #a59aa9;
--color-placebo-fuchsia-500: #8e8192;
--color-placebo-fuchsia-600: #786d7b;
--color-placebo-fuchsia-700: #605763;
--color-placebo-fuchsia-800: #464049;
--color-placebo-fuchsia-900: #302c32;
--color-placebo-fuchsia-950: #1d191e;
}SCSS
$placebo-fuchsia: #f8ebfc;
$placebo-fuchsia-rgb: 248, 235, 252;
$placebo-fuchsia-light: mix(#fff, $placebo-fuchsia, 20%);
$placebo-fuchsia-dark: mix(#000, $placebo-fuchsia, 20%);
.element {
color: $placebo-fuchsia;
box-shadow: 0 0 0 2px rgba($placebo-fuchsia, 0.35);
}