色名 · #F0EAD2
Golden Fog
Golden Fogは#F0EAD2：rgb(240 234 210)、hsl(48 50% 88%)、oklch(0.935 0.032 95.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Golden Fog color name →
#F0EAD2
oklch(0.935 0.032 95.4)
カラー変換
- HEX
- #f0ead2
- RGB
- rgb(240 234 210)
- HSL
- hsl(48 50% 88%)
- HWB
- hwb(48 82% 6%)
- OKLCH
- oklch(0.935 0.032 95.4)
- OKLab
- oklab(0.935 -0.003 0.032)
- CIE Lab
- lab(92.7 -0.85 12.47)
- LCH
- lch(92.7 12.49 93.9)
- CMYK
- cmyk(0% 3% 13% 6%)
ティント · シェード · トーン
ティント
- F1ECD7
- F3EEDB
- F4F0E0
- F6F2E4
- F7F5E8
- F9F7ED
- FAF9F1
- FCFBF6
- FDFDFA
シェード
- D1CBB6
- B2AE9B
- 959181
- 787568
- 5D5A50
- 434139
- 2A2924
- 141310
- 030302
トーン
- E4DFCA
- D9D4C1
- CDC9B9
- C2BEB0
- B6B4A8
- ABA9A0
- A09F98
- 959490
- 8B8A88
カラーハーモニー
補色 +180°
- F0EAD2
Golden Fog
- E3E9FF
≈ Glitter
類似色 -30° +30°
- F0EAD2
Golden Fog
- F9E6D4
≈ Warm Bread
- E4EED7
≈ Translucent Vision
トライアド +120° +240°
- F0EAD2
Golden Fog
- D2F0F7
≈ Frostproof
- F8E2F2
≈ Petal Poise
スプリットコンプリメンタリー +150° +210°
- F0EAD2
Golden Fog
- D9EDFF
≈ Hoarfrost
- EFE5FC
≈ Minute Mauve
テトラード +90° +180° +270°
- F0EAD2
Golden Fog
- D3F1EC
≈ Diminished Sky
- E3E9FF
≈ Glitter
- FEE1E6
≈ Pink Pleasure
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.40:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--golden-fog: #f0ead2;
--golden-fog-rgb: 240 234 210;
--golden-fog-oklch: oklch(0.935 0.032 95.4);
}
.element {
color: var(--golden-fog);
background-color: hsl(48 50% 88%);
border-color: oklch(0.935 0.032 95.4);
}Tailwind CSS v4
@theme {
--color-golden-fog: #f0ead2;
--color-golden-fog-50: #f7f5eb;
--color-golden-fog-100: #ebe8dc;
--color-golden-fog-200: #d8d5c5;
--color-golden-fog-300: #bcb8a5;
--color-golden-fog-400: #a49f89;
--color-golden-fog-500: #8d866e;
--color-golden-fog-600: #77725e;
--color-golden-fog-700: #5f5b4b;
--color-golden-fog-800: #464236;
--color-golden-fog-900: #302e25;
--color-golden-fog-950: #1d1b13;
}SCSS
$golden-fog: #f0ead2;
$golden-fog-rgb: 240, 234, 210;
$golden-fog-light: mix(#fff, $golden-fog, 20%);
$golden-fog-dark: mix(#000, $golden-fog, 20%);
.element {
color: $golden-fog;
box-shadow: 0 0 0 2px rgba($golden-fog, 0.35);
}