色名 · #EBDBCA
Chinese Hamster
Chinese Hamsterは#EBDBCA：rgb(235 219 202)、hsl(31 45% 86%)、oklch(0.9 0.029 69.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Chinese Hamster color name →
#EBDBCA
oklch(0.9 0.029 69.1)
カラー変換
- HEX
- #ebdbca
- RGB
- rgb(235 219 202)
- HSL
- hsl(31 45% 86%)
- HWB
- hwb(31 79% 8%)
- OKLCH
- oklch(0.9 0.029 69.1)
- OKLab
- oklab(0.9 0.01 0.027)
- CIE Lab
- lab(88.37 3.63 10.47)
- LCH
- lch(88.37 11.09 70.9)
- CMYK
- cmyk(0% 7% 14% 8%)
ティント · シェード · トーン
ティント
- EDDFCF
- EFE2D5
- F1E6DA
- F3E9DF
- F5EDE4
- F7F1EA
- F9F4EF
- FBF8F4
- FDFBFA
シェード
- CCBEAF
- AEA295
- 91877C
- 756D64
- 5B544D
- 413C37
- 292622
- 13110F
- 030202
トーン
- E0D2C2
- D5C8BB
- CABFB3
- BFB6AC
- B4ACA4
- A9A39D
- 9F9A96
- 94918E
- 8A8987
カラーハーモニー
補色 +180°
- EBDBCA
Chinese Hamster
- D0E0F1
≈ Light Breeze
類似色 -30° +30°
- EBDBCA
Chinese Hamster
- F0D8D0
≈ Tan Whirl
- E2DFC9
≈ Light Pistachio Tang
トライアド +120° +240°
- EBDBCA
Chinese Hamster
- C9E5E2
≈ Swan Lake
- E3D9ED
≈ Pale Grey Magenta
スプリットコンプリメンタリー +150° +210°
- EBDBCA
Chinese Hamster
- CAE3EB
≈ Azul Cielito Lindo
- D9DCF1
≈ Chinese Silver
テトラード +90° +180° +270°
- EBDBCA
Chinese Hamster
- CFE4D7
≈ Light Silverton
- D0E0F1
≈ Light Breeze
- ECD7E4
≈ All Made Up
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.35:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.51:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--chinese-hamster: #ebdbca;
--chinese-hamster-rgb: 235 219 202;
--chinese-hamster-oklch: oklch(0.9 0.029 69.1);
}
.element {
color: var(--chinese-hamster);
background-color: hsl(31 45% 86%);
border-color: oklch(0.9 0.029 69.1);
}Tailwind CSS v4
@theme {
--color-chinese-hamster: #ebdbca;
--color-chinese-hamster-50: #fbf4ec;
--color-chinese-hamster-100: #eee6de;
--color-chinese-hamster-200: #dcd2c7;
--color-chinese-hamster-300: #c1b5a8;
--color-chinese-hamster-400: #aa9c8d;
--color-chinese-hamster-500: #938372;
--color-chinese-hamster-600: #7c6f61;
--color-chinese-hamster-700: #64594d;
--color-chinese-hamster-800: #494138;
--color-chinese-hamster-900: #332d26;
--color-chinese-hamster-950: #1f1a15;
}SCSS
$chinese-hamster: #ebdbca;
$chinese-hamster-rgb: 235, 219, 202;
$chinese-hamster-light: mix(#fff, $chinese-hamster, 20%);
$chinese-hamster-dark: mix(#000, $chinese-hamster, 20%);
.element {
color: $chinese-hamster;
box-shadow: 0 0 0 2px rgba($chinese-hamster, 0.35);
}