色名 · #F5E5CE
Celtic Linen
Celtic Linenは#F5E5CE：rgb(245 229 206)、hsl(35 66% 88%)、oklch(0.929 0.035 77.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Celtic Linen color name →
#F5E5CE
oklch(0.929 0.035 77.1)
カラー変換
- HEX
- #f5e5ce
- RGB
- rgb(245 229 206)
- HSL
- hsl(35 66% 88%)
- HWB
- hwb(35 81% 4%)
- OKLCH
- oklch(0.929 0.035 77.1)
- OKLab
- oklab(0.929 0.008 0.034)
- CIE Lab
- lab(91.79 2.91 13.33)
- LCH
- lch(91.79 13.64 77.7)
- CMYK
- cmyk(0% 7% 16% 4%)
ティント · シェード · トーン
ティント
- F6E8D3
- F7EAD8
- F8EDDD
- F9EFE2
- FAF2E6
- FBF5EB
- FCF7F0
- FDFAF5
- FEFCFA
シェード
- D5C7B3
- B6AA98
- 988E7F
- 7B7266
- 5F584E
- 443F38
- 2B2823
- 15120F
- 030302
トーン
- E9DAC6
- DDD0BE
- D1C6B6
- C5BBAE
- B9B1A6
- ADA79F
- A29D97
- 96938F
- 8B8A88
カラーハーモニー
補色 +180°
- F5E5CE
Celtic Linen
- D9E9FF
≈ Veiling Waterfalls
類似色 -30° +30°
- F5E5CE
Celtic Linen
- FCE1D4
≈ Light Quilt
- EAEACF
≈ Palmito
トライアド +120° +240°
- F5E5CE
Celtic Linen
- CDEFEF
≈ Morning Calm
- F1E1F7
≈ Sheer Lavender
スプリットコンプリメンタリー +150° +210°
- F5E5CE
Celtic Linen
- D0EDFA
≈ Blue Hijab
- E5E4FE
≈ Lavender Mist
テトラード +90° +180° +270°
- F5E5CE
Celtic Linen
- D2EFE2
≈ Pastel Jade
- D9E9FF
≈ Veiling Waterfalls
- FADEEC
≈ Transparent Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.23:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.98:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.98:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--celtic-linen: #f5e5ce;
--celtic-linen-rgb: 245 229 206;
--celtic-linen-oklch: oklch(0.929 0.035 77.1);
}
.element {
color: var(--celtic-linen);
background-color: hsl(35 66% 88%);
border-color: oklch(0.929 0.035 77.1);
}Tailwind CSS v4
@theme {
--color-celtic-linen: #f5e5ce;
--color-celtic-linen-50: #fbf4ea;
--color-celtic-linen-100: #eee7db;
--color-celtic-linen-200: #dcd3c4;
--color-celtic-linen-300: #c1b6a4;
--color-celtic-linen-400: #aa9c88;
--color-celtic-linen-500: #94846c;
--color-celtic-linen-600: #7d6f5c;
--color-celtic-linen-700: #645949;
--color-celtic-linen-800: #4a4135;
--color-celtic-linen-900: #332d24;
--color-celtic-linen-950: #1f1a13;
}SCSS
$celtic-linen: #f5e5ce;
$celtic-linen-rgb: 245, 229, 206;
$celtic-linen-light: mix(#fff, $celtic-linen, 20%);
$celtic-linen-dark: mix(#000, $celtic-linen, 20%);
.element {
color: $celtic-linen;
box-shadow: 0 0 0 2px rgba($celtic-linen, 0.35);
}