色名 · #FAF6EA
Clear Moon
Clear Moonは#FAF6EA：rgb(250 246 234)、hsl(45 62% 95%)、oklch(0.973 0.016 91.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Clear Moon color name →
#FAF6EA
oklch(0.973 0.016 91.5)
カラー変換
- HEX
- #faf6ea
- RGB
- rgb(250 246 234)
- HSL
- hsl(45 62% 95%)
- HWB
- hwb(45 92% 2%)
- OKLCH
- oklch(0.973 0.016 91.5)
- OKLab
- oklab(0.973 0 0.016)
- CIE Lab
- lab(96.95 -0.14 6.29)
- LCH
- lch(96.95 6.29 91.2)
- CMYK
- cmyk(0% 2% 6% 2%)
ティント · シェード · トーン
ティント
- FAF7EC
- FBF8EE
- FBF9F0
- FCFAF2
- FCFBF5
- FDFBF7
- FDFCF9
- FEFDFB
- FEFEFD
シェード
- D9D6CB
- BAB7AE
- 9B9891
- 7D7B75
- 615F5A
- 464541
- 2D2C29
- 151513
- 030303
トーン
- EDEADF
- E0DDD4
- D4D1C9
- C7C5BE
- BBB9B4
- AFADA9
- A3A29F
- 979694
- 8B8B8A
カラーハーモニー
補色 +180°
- FAF6EA
Clear Moon
- F3F6FF
≈ Mā White
類似色 -30° +30°
- FAF6EA
Clear Moon
- FFF4EB
≈ Ambrosia Ivory
- F4F8EC
≈ Unwind
トライアド +120° +240°
- FAF6EA
Clear Moon
- EAF9FC
≈ Calm Waters
- FDF2FB
≈ Pinkish White
スプリットコンプリメンタリー +150° +210°
- FAF6EA
Clear Moon
- EEF8FF
≈ Alice Blue
- F8F4FF
≈ Sugar Crystal
テトラード +90° +180° +270°
- FAF6EA
Clear Moon
- EBFAF7
≈ Melting Glacier
- F3F6FF
≈ Mā White
- FFF2F5
≈ Glimpse of Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.08:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 19.43:1 · APCA Lc 102
最適な文字色: #000000
WCAG 19.43:1 (AAA) · APCA Lc 102
Contrast pairs
コードスニペット
CSS
:root {
--clear-moon: #faf6ea;
--clear-moon-rgb: 250 246 234;
--clear-moon-oklch: oklch(0.973 0.016 91.5);
}
.element {
color: var(--clear-moon);
background-color: hsl(45 62% 95%);
border-color: oklch(0.973 0.016 91.5);
}Tailwind CSS v4
@theme {
--color-clear-moon: #faf6ea;
--color-clear-moon-50: #f7f5f0;
--color-clear-moon-100: #e9e8e2;
--color-clear-moon-200: #d6d4cd;
--color-clear-moon-300: #bab7ae;
--color-clear-moon-400: #a29e94;
--color-clear-moon-500: #8a867a;
--color-clear-moon-600: #757167;
--color-clear-moon-700: #5d5b53;
--color-clear-moon-800: #45423c;
--color-clear-moon-900: #2f2e29;
--color-clear-moon-950: #1c1a17;
}SCSS
$clear-moon: #faf6ea;
$clear-moon-rgb: 250, 246, 234;
$clear-moon-light: mix(#fff, $clear-moon, 20%);
$clear-moon-dark: mix(#000, $clear-moon, 20%);
.element {
color: $clear-moon;
box-shadow: 0 0 0 2px rgba($clear-moon, 0.35);
}