色名 · #EEDED5
Faint Coral
Faint Coralは#EEDED5：rgb(238 222 213)、hsl(22 42% 88%)、oklch(0.911 0.021 51.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Faint Coral color name →
#EEDED5
oklch(0.911 0.021 51.5)
カラー変換
- HEX
- #eeded5
- RGB
- rgb(238 222 213)
- HSL
- hsl(22 42% 88%)
- HWB
- hwb(22 84% 7%)
- OKLCH
- oklch(0.911 0.021 51.5)
- OKLab
- oklab(0.911 0.013 0.017)
- CIE Lab
- lab(89.59 4.56 6.5)
- LCH
- lch(89.59 7.94 55)
- CMYK
- cmyk(0% 7% 11% 7%)
ティント · シェード · トーン
ティント
- F0E1D9
- F1E5DD
- F3E8E1
- F5EBE6
- F7EEEA
- F8F2EE
- FAF5F2
- FCF8F7
- FDFCFB
シェード
- CFC1B9
- B1A59E
- 938983
- 776F6A
- 5C5551
- 423D3A
- 2A2624
- 141210
- 030202
トーン
- E2D4CC
- D7CAC3
- CCC1BB
- C1B7B2
- B6AEAA
- ABA4A1
- A09B99
- 959290
- 8A8988
カラーハーモニー
補色 +180°
- EEDED5
Faint Coral
- D4E5EE
≈ Pattens Blue
類似色 -30° +30°
- EEDED5
Faint Coral
- F0DCDB
≈ Lover’s Knot
- E9E1D2
≈ White Clay
トライアド +120° +240°
- EEDED5
Faint Coral
- D4E7E0
≈ Aqua Glass
- E1DFEF
≈ Imagination
スプリットコンプリメンタリー +150° +210°
- EEDED5
Faint Coral
- D2E6E7
≈ Blue Phlox
- DAE2F0
≈ Vaguely Violet
テトラード +90° +180° +270°
- EEDED5
Faint Coral
- DAE5D8
≈ Mint Wafer
- D4E5EE
≈ Pattens Blue
- E9DDEA
≈ Sprinkle
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.30:1 · APCA Lc 15
Ag
AAA黒の上
WCAG 16.04:1 · APCA Lc 88
最適な文字色: #000000
WCAG 16.04:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--faint-coral: #eeded5;
--faint-coral-rgb: 238 222 213;
--faint-coral-oklch: oklch(0.911 0.021 51.5);
}
.element {
color: var(--faint-coral);
background-color: hsl(22 42% 88%);
border-color: oklch(0.911 0.021 51.5);
}Tailwind CSS v4
@theme {
--color-faint-coral: #eeded5;
--color-faint-coral-50: #faf4ef;
--color-faint-coral-100: #eee6e1;
--color-faint-coral-200: #dcd2cc;
--color-faint-coral-300: #c1b5ad;
--color-faint-coral-400: #a99b93;
--color-faint-coral-500: #928279;
--color-faint-coral-600: #7c6e67;
--color-faint-coral-700: #635852;
--color-faint-coral-800: #49403c;
--color-faint-coral-900: #332c29;
--color-faint-coral-950: #1e1917;
}SCSS
$faint-coral: #eeded5;
$faint-coral-rgb: 238, 222, 213;
$faint-coral-light: mix(#fff, $faint-coral, 20%);
$faint-coral-dark: mix(#000, $faint-coral, 20%);
.element {
color: $faint-coral;
box-shadow: 0 0 0 2px rgba($faint-coral, 0.35);
}