色名 · #EBDAB5
Cinnamon Milk
Cinnamon Milkは#EBDAB5：rgb(235 218 181)、hsl(41 57% 82%)、oklch(0.893 0.052 86.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Cinnamon Milk color name →
#EBDAB5
oklch(0.893 0.052 86.2)
カラー変換
- HEX
- #ebdab5
- RGB
- rgb(235 218 181)
- HSL
- hsl(41 57% 82%)
- HWB
- hwb(41 71% 8%)
- OKLCH
- oklch(0.893 0.052 86.2)
- OKLab
- oklab(0.893 0.003 0.052)
- CIE Lab
- lab(87.75 1.83 20.52)
- LCH
- lch(87.75 20.6 84.9)
- CMYK
- cmyk(0% 7% 23% 8%)
ティント · シェード · トーン
ティント
- EDDEBC
- EFE1C4
- F1E5CB
- F3E9D3
- F5EDDA
- F7F0E1
- F9F4E9
- FBF8F0
- FDFBF8
シェード
- CCBD9D
- AEA286
- 91876F
- 756C59
- 5B5444
- 413C30
- 29251D
- 13110C
- 030202
トーン
- E0D1B0
- D5C7AA
- CABEA5
- BFB5A0
- B4AC9B
- A9A395
- 9F9A90
- 94918B
- 8A8985
カラーハーモニー
補色 +180°
- EBDAB5
Cinnamon Milk
- CCDCFF
≈ Arc Light
類似色 -30° +30°
- EBDAB5
Cinnamon Milk
- F8D4BB
≈ Canter Peach
- D9E1BA
≈ Cardamom Fragrance
トライアド +120° +240°
- EBDAB5
Cinnamon Milk
- B4E6ED
≈ Winter Escape
- EFD0EE
≈ Lavender Princess
スプリットコンプリメンタリー +150° +210°
- EBDAB5
Cinnamon Milk
- BCE2FA
≈ Arctic Paradise
- DED5FB
≈ Japan Blush
テトラード +90° +180° +270°
- EBDAB5
Cinnamon Milk
- B8E8DA
≈ Ice Cap Green
- CCDCFF
≈ Arc Light
- F9CEDC
≈ Summer Cosmos
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.37:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.22:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.22:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--cinnamon-milk: #ebdab5;
--cinnamon-milk-rgb: 235 218 181;
--cinnamon-milk-oklch: oklch(0.893 0.052 86.2);
}
.element {
color: var(--cinnamon-milk);
background-color: hsl(41 57% 82%);
border-color: oklch(0.893 0.052 86.2);
}Tailwind CSS v4
@theme {
--color-cinnamon-milk: #ebdab5;
--color-cinnamon-milk-50: #fbf5e5;
--color-cinnamon-milk-100: #efe7d5;
--color-cinnamon-milk-200: #ddd4bc;
--color-cinnamon-milk-300: #c2b69a;
--color-cinnamon-milk-400: #ac9d7b;
--color-cinnamon-milk-500: #96845e;
--color-cinnamon-milk-600: #7e7050;
--color-cinnamon-milk-700: #655940;
--color-cinnamon-milk-800: #4b412d;
--color-cinnamon-milk-900: #342d1f;
--color-cinnamon-milk-950: #1f1a0e;
}SCSS
$cinnamon-milk: #ebdab5;
$cinnamon-milk-rgb: 235, 218, 181;
$cinnamon-milk-light: mix(#fff, $cinnamon-milk, 20%);
$cinnamon-milk-dark: mix(#000, $cinnamon-milk, 20%);
.element {
color: $cinnamon-milk;
box-shadow: 0 0 0 2px rgba($cinnamon-milk, 0.35);
}