色名 · #EEE3C6
Cream Silk
Cream Silkは#EEE3C6：rgb(238 227 198)、hsl(43 54% 85%)、oklch(0.917 0.04 89.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Cream Silk color name →
#EEE3C6
oklch(0.917 0.04 89.7)
カラー変換
- HEX
- #eee3c6
- RGB
- rgb(238 227 198)
- HSL
- hsl(43 54% 85%)
- HWB
- hwb(43 78% 7%)
- OKLCH
- oklch(0.917 0.04 89.7)
- OKLab
- oklab(0.917 0 0.04)
- CIE Lab
- lab(90.56 0.41 15.64)
- LCH
- lch(90.56 15.65 88.5)
- CMYK
- cmyk(0% 5% 17% 7%)
ティント · シェード · トーン
ティント
- F0E6CC
- F1E9D1
- F3EBD7
- F5EEDD
- F6F1E3
- F8F4E8
- FAF7EE
- FCF9F4
- FDFCF9
シェード
- CFC5AC
- B1A892
- 938C7A
- 777162
- 5C574B
- 423F35
- 2A2721
- 14120E
- 030302
トーン
- E2D9BF
- D7CEB8
- CCC4B1
- C1BAAA
- B5B0A3
- AAA69C
- A09D95
- 95938E
- 8A8987
カラーハーモニー
補色 +180°
- EEE3C6
Cream Silk
- D9E3FF
≈ Stoic White
類似色 -30° +30°
- EEE3C6
Cream Silk
- F9DECA
≈ Muffin Magic
- E0E8CA
≈ Origami Clover
トライアド +120° +240°
- EEE3C6
Cream Silk
- C6ECF2
≈ Icy Breeze
- F4DBF1
≈ Grape Taffy
スプリットコンプリメンタリー +150° +210°
- EEE3C6
Cream Silk
- CCE8FC
≈ Icy Landscape
- E7DEFB
≈ Stoic White
テトラード +90° +180° +270°
- EEE3C6
Cream Silk
- C8EDE4
≈ Ineffable Ice Cap
- D9E3FF
≈ Stoic White
- FCD9E2
≈ It’s a Girl!
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.27:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.43:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--cream-silk: #eee3c6;
--cream-silk-rgb: 238 227 198;
--cream-silk-oklch: oklch(0.917 0.04 89.7);
}
.element {
color: var(--cream-silk);
background-color: hsl(43 54% 85%);
border-color: oklch(0.917 0.04 89.7);
}Tailwind CSS v4
@theme {
--color-cream-silk: #eee3c6;
--color-cream-silk-50: #f9f5e9;
--color-cream-silk-100: #ede8d9;
--color-cream-silk-200: #dad4c1;
--color-cream-silk-300: #bfb7a1;
--color-cream-silk-400: #a89e84;
--color-cream-silk-500: #918568;
--color-cream-silk-600: #7a7158;
--color-cream-silk-700: #625a46;
--color-cream-silk-800: #484233;
--color-cream-silk-900: #322d22;
--color-cream-silk-950: #1e1a11;
}SCSS
$cream-silk: #eee3c6;
$cream-silk-rgb: 238, 227, 198;
$cream-silk-light: mix(#fff, $cream-silk, 20%);
$cream-silk-dark: mix(#000, $cream-silk, 20%);
.element {
color: $cream-silk;
box-shadow: 0 0 0 2px rgba($cream-silk, 0.35);
}