이름 색상 · #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);
}