이름 색상 · #E4CFD7
Ephemeral Red
Ephemeral Red은(는) #E4CFD7: rgb(228 207 215), hsl(337 28% 85%), oklch(0.874 0.026 352.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Ephemeral Red color name →
#E4CFD7
oklch(0.874 0.026 352.6)
색상 변환
- HEX
- #e4cfd7
- RGB
- rgb(228 207 215)
- HSL
- hsl(337 28% 85%)
- HWB
- hwb(337 81% 11%)
- OKLCH
- oklch(0.874 0.026 352.6)
- OKLab
- oklab(0.874 0.025 -0.003)
- CIE Lab
- lab(85.05 8.56 -1.18)
- LCH
- lch(85.05 8.64 352.2)
- CMYK
- cmyk(0% 9% 6% 11%)
틴트 · 셰이드 · 톤
틴트
- E7D4DB
- E9D8DF
- ECDDE3
- EFE2E7
- F2E7EB
- F4ECEF
- F7F0F3
- FAF5F7
- FCFAFB
셰이드
- C6B4BB
- A9999F
- 8D7F85
- 72676B
- 584F52
- 3F383B
- 282325
- 121011
- 030202
톤
- DAC7CE
- CFBFC5
- C5B7BC
- BBAFB3
- B1A7AA
- A79FA2
- 9D9799
- 938F91
- 8A8888
색 조화
보색 +180°
- E4CFD7
Ephemeral Red
- C5DBD4
≈ Morning Dew White
유사색 -30° +30°
- E4CFD7
Ephemeral Red
- DED0E0
≈ Ametrine Quartz
- E6CFCE
≈ Slightly Rose
삼각 배색 +120° +240°
- E4CFD7
Ephemeral Red
- D5D8C5
≈ Light Feather Green
- C6D9E4
≈ Blue Pearl
분열 보색 +150° +210°
- E4CFD7
Ephemeral Red
- CCDACB
≈ April Mist
- C3DBDD
≈ Light Dewpoint
사각 배색 +90° +180° +270°
- E4CFD7
Ephemeral Red
- DED4C3
≈ Wheat Sheaf
- C5DBD4
≈ Morning Dew White
- CDD6E7
≈ Jewellery White
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.47:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.20:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.20:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--ephemeral-red: #e4cfd7;
--ephemeral-red-rgb: 228 207 215;
--ephemeral-red-oklch: oklch(0.874 0.026 352.6);
}
.element {
color: var(--ephemeral-red);
background-color: hsl(337 28% 85%);
border-color: oklch(0.874 0.026 352.6);
}Tailwind CSS v4
@theme {
--color-ephemeral-red: #e4cfd7;
--color-ephemeral-red-50: #fcf2f5;
--color-ephemeral-red-100: #efe4e8;
--color-ephemeral-red-200: #ded0d5;
--color-ephemeral-red-300: #c3b2b8;
--color-ephemeral-red-400: #ab99a0;
--color-ephemeral-red-500: #957f88;
--color-ephemeral-red-600: #7e6c73;
--color-ephemeral-red-700: #65565c;
--color-ephemeral-red-800: #4a3f43;
--color-ephemeral-red-900: #332b2f;
--color-ephemeral-red-950: #1f191b;
}SCSS
$ephemeral-red: #e4cfd7;
$ephemeral-red-rgb: 228, 207, 215;
$ephemeral-red-light: mix(#fff, $ephemeral-red, 20%);
$ephemeral-red-dark: mix(#000, $ephemeral-red, 20%);
.element {
color: $ephemeral-red;
box-shadow: 0 0 0 2px rgba($ephemeral-red, 0.35);
}