가장 가까운 이름 색상 · #FFE2D9
#FFE2D9
가장 가까운 이름 색상: Pink Parfait
#FFE2D9(rgb(255 226 217), hsl(14 100% 93%), oklch(0.934 0.034 38))와 가장 가까운 이름 색상은 Pink Parfait입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FFE2D9
oklch(0.934 0.034 38)
색상 변환
- HEX
- #ffe2d9
- RGB
- rgb(255 226 217)
- HSL
- hsl(14 100% 93%)
- HWB
- hwb(14 85% 0%)
- OKLCH
- oklch(0.934 0.034 38)
- OKLab
- oklab(0.934 0.027 0.021)
- CIE Lab
- lab(92.12 9.25 8.26)
- LCH
- lch(92.12 12.4 41.8)
- CMYK
- cmyk(0% 11% 15% 0%)
틴트 · 셰이드 · 톤
틴트
- FFE5DD
- FFE8E1
- FFEBE4
- FFEEE8
- FFF1EC
- FFF3F0
- FFF6F4
- FFF9F7
- FFFCFB
셰이드
- DEC4BC
- BEA8A1
- 9E8C86
- 80716C
- 635753
- 483E3B
- 2E2725
- 161211
- 030302
톤
- F2D8D0
- E4CEC7
- D7C4BD
- CABAB4
- BEB0AB
- B1A6A3
- A59C9A
- 989391
- 8C8989
색 조화
보색 +180°
- FFE2D9
Pink Parfait
- D1EFF9
≈ Blue Hijab
유사색 -30° +30°
- FFE2D9
Pink Parfait
- FFE0E5
≈ Pink Pleasure
- F9E6D1
≈ Warm Bread
삼각 배색 +120° +240°
- FFE2D9
Pink Parfait
- D7F1E1
≈ Green Brocade
- E4E8FF
≈ Glitter
분열 보색 +150° +210°
- FFE2D9
Pink Parfait
- D1F1ED
≈ Icy Wind
- D9ECFF
≈ Hoarfrost
사각 배색 +90° +180° +270°
- FFE2D9
Pink Parfait
- E3EED6
≈ Translucent Vision
- D1EFF9
≈ Blue Hijab
- F0E4FC
≈ Minute Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.13:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.13:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--pink-parfait: #ffe2d9;
--pink-parfait-rgb: 255 226 217;
--pink-parfait-oklch: oklch(0.934 0.034 38);
}
.element {
color: var(--pink-parfait);
background-color: hsl(14 100% 93%);
border-color: oklch(0.934 0.034 38);
}Tailwind CSS v4
@theme {
--color-pink-parfait: #ffe2d9;
--color-pink-parfait-50: #fff2ee;
--color-pink-parfait-100: #f3e4df;
--color-pink-parfait-200: #e2d0c9;
--color-pink-parfait-300: #c8b2aa;
--color-pink-parfait-400: #b19890;
--color-pink-parfait-500: #9b7f76;
--color-pink-parfait-600: #836b64;
--color-pink-parfait-700: #695650;
--color-pink-parfait-800: #4d3e3a;
--color-pink-parfait-900: #362b28;
--color-pink-parfait-950: #211816;
}SCSS
$pink-parfait: #ffe2d9;
$pink-parfait-rgb: 255, 226, 217;
$pink-parfait-light: mix(#fff, $pink-parfait, 20%);
$pink-parfait-dark: mix(#000, $pink-parfait, 20%);
.element {
color: $pink-parfait;
box-shadow: 0 0 0 2px rgba($pink-parfait, 0.35);
}