色名 · #F4E4CF
Spun Jute
Spun Juteは#F4E4CF：rgb(244 228 207)、hsl(34 63% 88%)、oklch(0.926 0.033 74.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Spun Jute color name →
#F4E4CF
oklch(0.926 0.033 74.8)
カラー変換
- HEX
- #f4e4cf
- RGB
- rgb(244 228 207)
- HSL
- hsl(34 63% 88%)
- HWB
- hwb(34 81% 4%)
- OKLCH
- oklch(0.926 0.033 74.8)
- OKLab
- oklab(0.926 0.009 0.032)
- CIE Lab
- lab(91.47 3.14 12.36)
- LCH
- lch(91.47 12.75 75.8)
- CMYK
- cmyk(0% 7% 15% 4%)
ティント · シェード · トーン
ティント
- F5E7D4
- F6E9D9
- F7ECDD
- F8EFE2
- FAF1E7
- FBF4EC
- FCF7F1
- FDFAF5
- FEFCFA
シェード
- D4C6B4
- B5A999
- 978D7F
- 7A7267
- 5E584F
- 443F38
- 2B2823
- 141210
- 030302
トーン
- E8DAC7
- DCCFBF
- D0C5B7
- C4BBAF
- B8B1A7
- ADA79F
- A19D97
- 96938F
- 8B8A88
カラーハーモニー
補色 +180°
- F4E4CF
Spun Jute
- D8E8FD
≈ Cloudless
類似色 -30° +30°
- F4E4CF
Spun Jute
- FBE0D5
≈ Light Shell Tint
- E9E8CF
≈ Magical Melon
トライアド +120° +240°
- F4E4CF
Spun Jute
- CEEEED
≈ Princess Blue Feather
- EFE0F6
≈ Sheer Lavender
スプリットコンプリメンタリー +150° +210°
- F4E4CF
Spun Jute
- D0ECF7
≈ Blue Hijab
- E4E4FC
≈ Lavender Mist
テトラード +90° +180° +270°
- F4E4CF
Spun Jute
- D3EEE1
≈ Warm Winter
- D8E8FD
≈ Cloudless
- F8DEEC
≈ Taffeta Tint
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.24:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.84:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.84:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--spun-jute: #f4e4cf;
--spun-jute-rgb: 244 228 207;
--spun-jute-oklch: oklch(0.926 0.033 74.8);
}
.element {
color: var(--spun-jute);
background-color: hsl(34 63% 88%);
border-color: oklch(0.926 0.033 74.8);
}Tailwind CSS v4
@theme {
--color-spun-jute: #f4e4cf;
--color-spun-jute-50: #fbf4eb;
--color-spun-jute-100: #eee7dc;
--color-spun-jute-200: #dcd3c5;
--color-spun-jute-300: #c1b6a5;
--color-spun-jute-400: #aa9c89;
--color-spun-jute-500: #93836e;
--color-spun-jute-600: #7d6f5e;
--color-spun-jute-700: #64594b;
--color-spun-jute-800: #4a4136;
--color-spun-jute-900: #332d25;
--color-spun-jute-950: #1f1a13;
}SCSS
$spun-jute: #f4e4cf;
$spun-jute-rgb: 244, 228, 207;
$spun-jute-light: mix(#fff, $spun-jute, 20%);
$spun-jute-dark: mix(#000, $spun-jute, 20%);
.element {
color: $spun-jute;
box-shadow: 0 0 0 2px rgba($spun-jute, 0.35);
}