色名 · #F7F9E9
Soft Silver
Soft Silverは#F7F9E9：rgb(247 249 233)、hsl(67 57% 95%)、oklch(0.976 0.021 112.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Soft Silver color name →
#F7F9E9
oklch(0.976 0.021 112.6)
カラー変換
- HEX
- #f7f9e9
- RGB
- rgb(247 249 233)
- HSL
- hsl(67 57% 95%)
- HWB
- hwb(67 91% 2%)
- OKLCH
- oklch(0.976 0.021 112.6)
- OKLab
- oklab(0.976 -0.008 0.02)
- CIE Lab
- lab(97.45 -2.73 7.47)
- LCH
- lch(97.45 7.95 110.1)
- CMYK
- cmyk(1% 0% 6% 2%)
ティント · シェード · トーン
ティント
- F8FAEB
- F9FAED
- F9FBF0
- FAFBF2
- FBFCF4
- FCFDF6
- FDFDF8
- FDFEFB
- FEFEFD
シェード
- D7D9CB
- B7B9AD
- 999A90
- 7C7D74
- 60615A
- 454641
- 2C2C29
- 151513
- 030303
トーン
- EAECDE
- DEE0D3
- D2D3C8
- C6C7BE
- BABBB3
- AEAFA9
- A2A39E
- 979794
- 8B8B8A
カラーハーモニー
補色 +180°
- F7F9E9
Soft Silver
- F7F6FF
≈ Sugar Crystal
類似色 -30° +30°
- F7F9E9
Soft Silver
- FEF6E8
≈ Antique China
- EFFBEE
≈ Winter Oasis
トライアド +120° +240°
- F7F9E9
Soft Silver
- EFF9FF
≈ Alice Blue
- FFF4F8
≈ Sea Salt Sherbet
スプリットコンプリメンタリー +150° +210°
- F7F9E9
Soft Silver
- F3F7FF
≈ Mā White
- FEF3FF
≈ Pinkish White
テトラード +90° +180° +270°
- F7F9E9
Soft Silver
- E8FCFD
≈ Placebo Sky
- F7F6FF
≈ Sugar Crystal
- FFF4F4
≈ Coy
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.06:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 19.68:1 · APCA Lc 103
最適な文字色: #000000
WCAG 19.68:1 (AAA) · APCA Lc 103
Contrast pairs
コードスニペット
CSS
:root {
--soft-silver: #f7f9e9;
--soft-silver-rgb: 247 249 233;
--soft-silver-oklch: oklch(0.976 0.021 112.6);
}
.element {
color: var(--soft-silver);
background-color: hsl(67 57% 95%);
border-color: oklch(0.976 0.021 112.6);
}Tailwind CSS v4
@theme {
--color-soft-silver: #f7f9e9;
--color-soft-silver-50: #f5f6ef;
--color-soft-silver-100: #e7e9e1;
--color-soft-silver-200: #d4d5cb;
--color-soft-silver-300: #b7b9ad;
--color-soft-silver-400: #9ea092;
--color-soft-silver-500: #868878;
--color-soft-silver-600: #717366;
--color-soft-silver-700: #5b5c51;
--color-soft-silver-800: #42433b;
--color-soft-silver-900: #2e2e28;
--color-soft-silver-950: #1b1b16;
}SCSS
$soft-silver: #f7f9e9;
$soft-silver-rgb: 247, 249, 233;
$soft-silver-light: mix(#fff, $soft-silver, 20%);
$soft-silver-dark: mix(#000, $soft-silver, 20%);
.element {
color: $soft-silver;
box-shadow: 0 0 0 2px rgba($soft-silver, 0.35);
}