色名 · #EAE2DD
Canada Goose Eggs
Canada Goose Eggsは#EAE2DD：rgb(234 226 221)、hsl(23 24% 89%)、oklch(0.918 0.011 54.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Canada Goose Eggs color name →
#EAE2DD
oklch(0.918 0.011 54.5)
カラー変換
- HEX
- #eae2dd
- RGB
- rgb(234 226 221)
- HSL
- hsl(23 24% 89%)
- HWB
- hwb(23 87% 8%)
- OKLCH
- oklch(0.918 0.011 54.5)
- OKLab
- oklab(0.918 0.006 0.009)
- CIE Lab
- lab(90.42 2.17 3.47)
- LCH
- lch(90.42 4.09 58)
- CMYK
- cmyk(0% 3% 6% 8%)
ティント · シェード · トーン
ティント
- ECE5E0
- EEE8E4
- F0EBE7
- F2EEEB
- F4F0EE
- F7F3F1
- F9F6F5
- FBF9F8
- FDFCFC
シェード
- CBC4C0
- AEA8A4
- 918C88
- 75716E
- 5A5755
- 413E3D
- 292726
- 131211
- 030302
トーン
- DFD8D3
- D4CECA
- C9C4C0
- BEBAB7
- B4B0AD
- A9A6A4
- 9F9C9B
- 949392
- 8A8989
カラーハーモニー
補色 +180°
- EAE2DD
Canada Goose Eggs
- DDE5EA
≈ Snowcap
類似色 -30° +30°
- EAE2DD
Canada Goose Eggs
- EBE1E0
≈ Milk and Cookies
- E7E3DC
≈ Foggy Day
トライアド +120° +240°
- EAE2DD
Canada Goose Eggs
- DDE6E3
≈ Mild Mint
- E4E2EB
≈ Guardian Angel
スプリットコンプリメンタリー +150° +210°
- EAE2DD
Canada Goose Eggs
- DCE6E7
≈ Austrian Ice
- E0E4EB
≈ Chapeau Violet
テトラード +90° +180° +270°
- EAE2DD
Canada Goose Eggs
- DFE6DF
≈ Winter Veil
- DDE5EA
≈ Snowcap
- E8E1E8
≈ Violet Vogue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.27:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.42:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.42:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--canada-goose-eggs: #eae2dd;
--canada-goose-eggs-rgb: 234 226 221;
--canada-goose-eggs-oklch: oklch(0.918 0.011 54.5);
}
.element {
color: var(--canada-goose-eggs);
background-color: hsl(23 24% 89%);
border-color: oklch(0.918 0.011 54.5);
}Tailwind CSS v4
@theme {
--color-canada-goose-eggs: #eae2dd;
--color-canada-goose-eggs-50: #f8f4f2;
--color-canada-goose-eggs-100: #ebe7e4;
--color-canada-goose-eggs-200: #d8d3d0;
--color-canada-goose-eggs-300: #bcb6b2;
--color-canada-goose-eggs-400: #a49d98;
--color-canada-goose-eggs-500: #8c847f;
--color-canada-goose-eggs-600: #77706c;
--color-canada-goose-eggs-700: #5f5a56;
--color-canada-goose-eggs-800: #46413f;
--color-canada-goose-eggs-900: #302d2b;
--color-canada-goose-eggs-950: #1c1a19;
}SCSS
$canada-goose-eggs: #eae2dd;
$canada-goose-eggs-rgb: 234, 226, 221;
$canada-goose-eggs-light: mix(#fff, $canada-goose-eggs, 20%);
$canada-goose-eggs-dark: mix(#000, $canada-goose-eggs, 20%);
.element {
color: $canada-goose-eggs;
box-shadow: 0 0 0 2px rgba($canada-goose-eggs, 0.35);
}