가장 가까운 이름 색상 · #FCEEE1
#FCEEE1
가장 가까운 이름 색상: Sugar Glaze
#FCEEE1(rgb(252 238 225), hsl(29 82% 94%), oklch(0.957 0.023 65.5))와 가장 가까운 이름 색상은 Sugar Glaze입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FCEEE1
oklch(0.957 0.023 65.5)
색상 변환
- HEX
- #fceee1
- RGB
- rgb(252 238 225)
- HSL
- hsl(29 82% 94%)
- HWB
- hwb(29 88% 1%)
- OKLCH
- oklch(0.957 0.023 65.5)
- OKLab
- oklab(0.957 0.01 0.021)
- CIE Lab
- lab(94.96 3.3 8.1)
- LCH
- lch(94.96 8.74 67.8)
- CMYK
- cmyk(0% 6% 11% 1%)
틴트 · 셰이드 · 톤
틴트
- FCF0E4
- FDF1E7
- FDF3EA
- FDF5ED
- FEF7F0
- FEF8F3
- FEFAF6
- FEFCF9
- FFFDFC
셰이드
- DBCFC4
- BBB1A7
- 9C938B
- 7E7770
- 625C56
- 47423E
- 2D2A27
- 161412
- 030302
톤
- EFE2D7
- E2D7CD
- D5CCC3
- C9C1B9
- BCB5AF
- B0ABA6
- A4A09C
- 989593
- 8C8A89
색 조화
보색 +180°
- FCEEE1
Sugar Glaze
- E5F3FF
≈ Moon White
유사색 -30° +30°
- FCEEE1
Sugar Glaze
- FFECE7
≈ Peach Breeze
- F5F1E0
≈ Warm Milk
삼각 배색 +120° +240°
- FCEEE1
Sugar Glaze
- E1F6F3
≈ Frosty Mint
- F4EDFD
≈ Placebo Fuchsia
분열 보색 +150° +210°
- FCEEE1
Sugar Glaze
- E0F5FB
≈ Coastal Breeze
- ECF0FF
≈ Carte Blanche
사각 배색 +90° +180° +270°
- FCEEE1
Sugar Glaze
- E5F6EA
≈ Nettle Rash
- E5F3FF
≈ Moon White
- FBEBF7
≈ Placebo Magenta
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.13:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.45:1 · APCA Lc 98
가장 좋은 글자색: #000000
WCAG 18.45:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--sugar-glaze: #fceee1;
--sugar-glaze-rgb: 252 238 225;
--sugar-glaze-oklch: oklch(0.957 0.023 65.5);
}
.element {
color: var(--sugar-glaze);
background-color: hsl(29 82% 94%);
border-color: oklch(0.957 0.023 65.5);
}Tailwind CSS v4
@theme {
--color-sugar-glaze: #fceee1;
--color-sugar-glaze-50: #faf4ee;
--color-sugar-glaze-100: #ede7e0;
--color-sugar-glaze-200: #dbd3ca;
--color-sugar-glaze-300: #c0b5ab;
--color-sugar-glaze-400: #a89c91;
--color-sugar-glaze-500: #918377;
--color-sugar-glaze-600: #7b6f64;
--color-sugar-glaze-700: #625950;
--color-sugar-glaze-800: #48413a;
--color-sugar-glaze-900: #322d28;
--color-sugar-glaze-950: #1e1a16;
}SCSS
$sugar-glaze: #fceee1;
$sugar-glaze-rgb: 252, 238, 225;
$sugar-glaze-light: mix(#fff, $sugar-glaze, 20%);
$sugar-glaze-dark: mix(#000, $sugar-glaze, 20%);
.element {
color: $sugar-glaze;
box-shadow: 0 0 0 2px rgba($sugar-glaze, 0.35);
}