이름 색상 · #FCE2D4
Ephemeral Peach
Ephemeral Peach은(는) #FCE2D4: rgb(252 226 212), hsl(21 87% 91%), oklch(0.93 0.034 50.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Ephemeral Peach color name →
#FCE2D4
oklch(0.93 0.034 50.2)
색상 변환
- HEX
- #fce2d4
- RGB
- rgb(252 226 212)
- HSL
- hsl(21 87% 91%)
- HWB
- hwb(21 83% 1%)
- OKLCH
- oklch(0.93 0.034 50.2)
- OKLab
- oklab(0.93 0.022 0.026)
- CIE Lab
- lab(91.76 7.59 10.29)
- LCH
- lch(91.76 12.79 53.6)
- CMYK
- cmyk(0% 10% 16% 1%)
틴트 · 셰이드 · 톤
틴트
- FCE5D8
- FDE8DD
- FDEBE1
- FDEEE5
- FEF1E9
- FEF3EE
- FEF6F2
- FFF9F6
- FFFCFB
셰이드
- DBC4B8
- BBA89D
- 9C8C83
- 7E7169
- 625751
- 473E3A
- 2D2724
- 161210
- 030302
톤
- EFD8CB
- E2CEC3
- D5C4BA
- C9BAB2
- BCB0A9
- B0A6A1
- A49C98
- 989390
- 8C8988
색 조화
보색 +180°
- FCE2D4
Ephemeral Peach
- D2EDFB
≈ Blue Hijab
유사색 -30° +30°
- FCE2D4
Ephemeral Peach
- FEDFDE
≈ Dawn Patrol
- F4E6CF
≈ Animal Cracker
삼각 배색 +120° +240°
- FCE2D4
Ephemeral Peach
- D2F0E4
≈ Shimmering Pool
- E7E5FE
≈ Lavender Mist
분열 보색 +150° +210°
- FCE2D4
Ephemeral Peach
- CEEFF1
≈ Morning Calm
- DBE9FF
≈ Cloudless
사각 배색 +90° +180° +270°
- FCE2D4
Ephemeral Peach
- DCEED9
≈ Dewmist Delight
- D2EDFB
≈ Blue Hijab
- F3E1F7
≈ Minute Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.23:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 16.96:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 16.96:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--ephemeral-peach: #fce2d4;
--ephemeral-peach-rgb: 252 226 212;
--ephemeral-peach-oklch: oklch(0.93 0.034 50.2);
}
.element {
color: var(--ephemeral-peach);
background-color: hsl(21 87% 91%);
border-color: oklch(0.93 0.034 50.2);
}Tailwind CSS v4
@theme {
--color-ephemeral-peach: #fce2d4;
--color-ephemeral-peach-50: #fef3ec;
--color-ephemeral-peach-100: #f2e5de;
--color-ephemeral-peach-200: #e1d1c7;
--color-ephemeral-peach-300: #c6b3a8;
--color-ephemeral-peach-400: #b0998d;
--color-ephemeral-peach-500: #9a8072;
--color-ephemeral-peach-600: #826c61;
--color-ephemeral-peach-700: #68574d;
--color-ephemeral-peach-800: #4d3f38;
--color-ephemeral-peach-900: #352b26;
--color-ephemeral-peach-950: #201915;
}SCSS
$ephemeral-peach: #fce2d4;
$ephemeral-peach-rgb: 252, 226, 212;
$ephemeral-peach-light: mix(#fff, $ephemeral-peach, 20%);
$ephemeral-peach-dark: mix(#000, $ephemeral-peach, 20%);
.element {
color: $ephemeral-peach;
box-shadow: 0 0 0 2px rgba($ephemeral-peach, 0.35);
}