色名 · #E4DACC
Swiss Almond
Swiss Almondは#E4DACC：rgb(228 218 204)、hsl(35 31% 85%)、oklch(0.893 0.022 76.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Swiss Almond color name →
#E4DACC
oklch(0.893 0.022 76.5)
カラー変換
- HEX
- #e4dacc
- RGB
- rgb(228 218 204)
- HSL
- hsl(35 31% 85%)
- HWB
- hwb(35 80% 11%)
- OKLCH
- oklch(0.893 0.022 76.5)
- OKLab
- oklab(0.893 0.005 0.021)
- CIE Lab
- lab(87.57 1.8 8.2)
- LCH
- lch(87.57 8.4 77.6)
- CMYK
- cmyk(0% 4% 11% 11%)
ティント · シェード · トーン
ティント
- E7DED1
- E9E1D6
- ECE5DB
- EFE9E0
- F1ECE5
- F4F0EA
- F7F4F0
- FAF8F5
- FCFBFA
シェード
- C6BDB1
- A9A297
- 8D877E
- 726C65
- 58544E
- 3F3C37
- 282522
- 12110F
- 030202
トーン
- DAD1C4
- CFC7BC
- C5BEB5
- BBB5AD
- B1ACA5
- A7A39E
- 9D9A96
- 93918F
- 8A8987
カラーハーモニー
補色 +180°
- E4DACC
Swiss Almond
- D3DCEA
≈ Morning Shower
類似色 -30° +30°
- E4DACC
Swiss Almond
- E9D8D0
≈ Bee’s Knees
- DDDDCD
≈ Pinch of Pistachio
トライアド +120° +240°
- E4DACC
Swiss Almond
- CCE0E0
≈ Beach Foam
- E1D7E5
≈ Lavender Vista
スプリットコンプリメンタリー +150° +210°
- E4DACC
Swiss Almond
- CDDFE7
≈ Bird Bath Blue
- DADAEA
≈ Eyeshadow
テトラード +90° +180° +270°
- E4DACC
Swiss Almond
- CFE0D8
≈ Light Soft Fresco
- D3DCEA
≈ Morning Shower
- E7D6DE
≈ Swiss Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.38:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.19:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.19:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--swiss-almond: #e4dacc;
--swiss-almond-rgb: 228 218 204;
--swiss-almond-oklch: oklch(0.893 0.022 76.5);
}
.element {
color: var(--swiss-almond);
background-color: hsl(35 31% 85%);
border-color: oklch(0.893 0.022 76.5);
}Tailwind CSS v4
@theme {
--color-swiss-almond: #e4dacc;
--color-swiss-almond-50: #f9f4ee;
--color-swiss-almond-100: #ece7e0;
--color-swiss-almond-200: #d9d3ca;
--color-swiss-almond-300: #beb6ab;
--color-swiss-almond-400: #a69d90;
--color-swiss-almond-500: #8f8576;
--color-swiss-almond-600: #797064;
--color-swiss-almond-700: #615a50;
--color-swiss-almond-800: #47413a;
--color-swiss-almond-900: #312d28;
--color-swiss-almond-950: #1d1a16;
}SCSS
$swiss-almond: #e4dacc;
$swiss-almond-rgb: 228, 218, 204;
$swiss-almond-light: mix(#fff, $swiss-almond, 20%);
$swiss-almond-dark: mix(#000, $swiss-almond, 20%);
.element {
color: $swiss-almond;
box-shadow: 0 0 0 2px rgba($swiss-almond, 0.35);
}