色名 · #ECECDC
Amazon Mist
Amazon Mistは#ECECDC：rgb(236 236 220)、hsl(60 30% 89%)、oklch(0.939 0.021 106.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Amazon Mist color name →
#ECECDC
oklch(0.939 0.021 106.8)
カラー変換
- HEX
- #ececdc
- RGB
- rgb(236 236 220)
- HSL
- hsl(60 30% 89%)
- HWB
- hwb(60 86% 7%)
- OKLCH
- oklch(0.939 0.021 106.8)
- OKLab
- oklab(0.939 -0.006 0.02)
- CIE Lab
- lab(93.07 -2.05 7.79)
- LCH
- lch(93.07 8.05 104.7)
- CMYK
- cmyk(0% 0% 7% 7%)
ティント · シェード · トーン
ティント
- EEEEDF
- F0F0E3
- F2F2E6
- F4F4EA
- F5F5ED
- F7F7F1
- F9F9F4
- FBFBF8
- FDFDFB
シェード
- CDCDBF
- AFAFA3
- 929288
- 76766E
- 5B5B54
- 42423C
- 292926
- 131311
- 030302
トーン
- E1E1D2
- D5D5C9
- CACAC0
- BFBFB6
- B4B5AD
- AAAAA4
- 9F9F9B
- 959592
- 8A8A89
カラーハーモニー
補色 +180°
- ECECDC
Amazon Mist
- E9E9F9
≈ Icy Lilac
類似色 -30° +30°
- ECECDC
Amazon Mist
- F3E9DB
≈ Lotus Petal
- E4EEE0
≈ Sun Bleached Mint
トライアド +120° +240°
- ECECDC
Amazon Mist
- DDEEF6
≈ Ice Fishing
- F6E5ED
≈ Amour Frais
スプリットコンプリメンタリー +150° +210°
- ECECDC
Amazon Mist
- E2ECF9
≈ Husky
- F1E7F4
≈ Holographic Lavender
テトラード +90° +180° +270°
- ECECDC
Amazon Mist
- DBEFEF
≈ White Glaze
- E9E9F9
≈ Icy Lilac
- F9E5E6
≈ Marshmallow Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.19:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.59:1 · APCA Lc 95
最適な文字色: #000000
WCAG 17.59:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--amazon-mist: #ececdc;
--amazon-mist-rgb: 236 236 220;
--amazon-mist-oklch: oklch(0.939 0.021 106.8);
}
.element {
color: var(--amazon-mist);
background-color: hsl(60 30% 89%);
border-color: oklch(0.939 0.021 106.8);
}Tailwind CSS v4
@theme {
--color-amazon-mist: #ececdc;
--color-amazon-mist-50: #f5f6ef;
--color-amazon-mist-100: #e8e8e1;
--color-amazon-mist-200: #d5d5cb;
--color-amazon-mist-300: #b8b8ac;
--color-amazon-mist-400: #a09f91;
--color-amazon-mist-500: #878777;
--color-amazon-mist-600: #737365;
--color-amazon-mist-700: #5c5c51;
--color-amazon-mist-800: #43433b;
--color-amazon-mist-900: #2e2e28;
--color-amazon-mist-950: #1b1b16;
}SCSS
$amazon-mist: #ececdc;
$amazon-mist-rgb: 236, 236, 220;
$amazon-mist-light: mix(#fff, $amazon-mist, 20%);
$amazon-mist-dark: mix(#000, $amazon-mist, 20%);
.element {
color: $amazon-mist;
box-shadow: 0 0 0 2px rgba($amazon-mist, 0.35);
}