色名 · #EDEDE4
Ivory Wedding
Ivory Weddingは#EDEDE4：rgb(237 237 228)、hsl(60 20% 91%)、oklch(0.944 0.012 106.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Ivory Wedding color name →
#EDEDE4
oklch(0.944 0.012 106.6)
カラー変換
- HEX
- #edede4
- RGB
- rgb(237 237 228)
- HSL
- hsl(60 20% 91%)
- HWB
- hwb(60 89% 7%)
- OKLCH
- oklch(0.944 0.012 106.6)
- OKLab
- oklab(0.944 -0.003 0.011)
- CIE Lab
- lab(93.56 -1.17 4.37)
- LCH
- lch(93.56 4.53 104.9)
- CMYK
- cmyk(0% 0% 4% 7%)
ティント · シェード · トーン
ティント
- EFEFE7
- F1F1E9
- F2F2EC
- F4F4EF
- F6F6F1
- F8F8F4
- FAFAF7
- FBFBFA
- FDFDFC
シェード
- CECEC6
- B0B0A9
- 93938D
- 777772
- 5C5C58
- 42423F
- 2A2A28
- 141412
- 030303
トーン
- E2E2DA
- D6D6CF
- CBCBC5
- C0C0BB
- B5B5B1
- AAAAA7
- 9F9F9D
- 959593
- 8A8A8A
カラーハーモニー
補色 +180°
- EDEDE4
Ivory Wedding
- EBEBF4
≈ Silver Phoenix
類似色 -30° +30°
- EDEDE4
Ivory Wedding
- F1EBE4
≈ Woolly Lamb
- E9EEE6
≈ Silence
トライアド +120° +240°
- EDEDE4
Ivory Wedding
- E4EEF3
≈ Morning Mist
- F3E9EE
≈ Snow Plum
スプリットコンプリメンタリー +150° +210°
- EDEDE4
Ivory Wedding
- E7EDF5
≈ Coconut White
- F0EAF2
≈ Snow Plum
テトラード +90° +180° +270°
- EDEDE4
Ivory Wedding
- E4EFEF
≈ Sheikh Zayed White
- EBEBF4
≈ Silver Phoenix
- F4E9E9
≈ Crystal Clear
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.17:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.83:1 · APCA Lc 96
最適な文字色: #000000
WCAG 17.83:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--ivory-wedding: #edede4;
--ivory-wedding-rgb: 237 237 228;
--ivory-wedding-oklch: oklch(0.944 0.012 106.6);
}
.element {
color: var(--ivory-wedding);
background-color: hsl(60 20% 91%);
border-color: oklch(0.944 0.012 106.6);
}Tailwind CSS v4
@theme {
--color-ivory-wedding: #edede4;
--color-ivory-wedding-50: #f5f5f2;
--color-ivory-wedding-100: #e8e8e4;
--color-ivory-wedding-200: #d4d5cf;
--color-ivory-wedding-300: #b8b8b1;
--color-ivory-wedding-400: #9f9f97;
--color-ivory-wedding-500: #87877e;
--color-ivory-wedding-600: #72726b;
--color-ivory-wedding-700: #5b5b55;
--color-ivory-wedding-800: #43433e;
--color-ivory-wedding-900: #2e2e2b;
--color-ivory-wedding-950: #1b1b18;
}SCSS
$ivory-wedding: #edede4;
$ivory-wedding-rgb: 237, 237, 228;
$ivory-wedding-light: mix(#fff, $ivory-wedding, 20%);
$ivory-wedding-dark: mix(#000, $ivory-wedding, 20%);
.element {
color: $ivory-wedding;
box-shadow: 0 0 0 2px rgba($ivory-wedding, 0.35);
}