가장 가까운 이름 색상 · #FCE3DF
#FCE3DF
가장 가까운 이름 색상: Pink Glitter
#FCE3DF(rgb(252 227 223), hsl(8 83% 93%), oklch(0.935 0.028 28.5))와 가장 가까운 이름 색상은 Pink Glitter입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FCE3DF
oklch(0.935 0.028 28.5)
색상 변환
- HEX
- #fce3df
- RGB
- rgb(252 227 223)
- HSL
- hsl(8 83% 93%)
- HWB
- hwb(8 87% 1%)
- OKLCH
- oklch(0.935 0.028 28.5)
- OKLab
- oklab(0.935 0.025 0.013)
- CIE Lab
- lab(92.22 8.37 5.24)
- LCH
- lch(92.22 9.88 32.1)
- CMYK
- cmyk(0% 10% 12% 1%)
틴트 · 셰이드 · 톤
틴트
- FCE6E2
- FDE9E5
- FDEBE9
- FDEEEC
- FEF1EF
- FEF4F2
- FEF7F5
- FFF9F9
- FFFCFC
셰이드
- DBC5C2
- BBA8A5
- 9C8C8A
- 7E716F
- 625756
- 473F3D
- 2D2727
- 161212
- 030302
톤
- EFD9D5
- E2CECB
- D5C4C2
- C9BAB8
- BCB0AE
- B0A6A5
- A49D9B
- 989392
- 8C8989
색 조화
보색 +180°
- FCE3DF
Pink Glitter
- D5EFF4
≈ Frostproof
유사색 -30° +30°
- FCE3DF
Pink Glitter
- FBE2E9
≈ Watermelon Mousse
- F9E5D8
≈ Illuminated
삼각 배색 +120° +240°
- FCE3DF
Pink Glitter
- DDEFDF
≈ Vanishing Point
- E1E9FD
≈ Glitter
분열 보색 +150° +210°
- FCE3DF
Pink Glitter
- D7F0EA
≈ Green Frosting
- D9EDFB
≈ Hoarfrost
사각 배색 +90° +180° +270°
- FCE3DF
Pink Glitter
- E7EDD8
≈ Lime Meringue
- D5EFF4
≈ Frostproof
- ECE6FA
≈ Holographic Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.19:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.19:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--pink-glitter: #fce3df;
--pink-glitter-rgb: 252 227 223;
--pink-glitter-oklch: oklch(0.935 0.028 28.5);
}
.element {
color: var(--pink-glitter);
background-color: hsl(8 83% 93%);
border-color: oklch(0.935 0.028 28.5);
}Tailwind CSS v4
@theme {
--color-pink-glitter: #fce3df;
--color-pink-glitter-50: #fdf2f0;
--color-pink-glitter-100: #f1e5e2;
--color-pink-glitter-200: #e0d0cd;
--color-pink-glitter-300: #c5b2af;
--color-pink-glitter-400: #af9995;
--color-pink-glitter-500: #98807c;
--color-pink-glitter-600: #816c69;
--color-pink-glitter-700: #675654;
--color-pink-glitter-800: #4c3f3d;
--color-pink-glitter-900: #352b2a;
--color-pink-glitter-950: #201918;
}SCSS
$pink-glitter: #fce3df;
$pink-glitter-rgb: 252, 227, 223;
$pink-glitter-light: mix(#fff, $pink-glitter, 20%);
$pink-glitter-dark: mix(#000, $pink-glitter, 20%);
.element {
color: $pink-glitter;
box-shadow: 0 0 0 2px rgba($pink-glitter, 0.35);
}