가장 가까운 이름 색상 · #FADED9
#FADED9
가장 가까운 이름 색상: Pink Glitter
#FADED9(rgb(250 222 217), hsl(9 77% 92%), oklch(0.922 0.032 29.8))와 가장 가까운 이름 색상은 Pink Glitter입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FADED9
oklch(0.922 0.032 29.8)
색상 변환
- HEX
- #faded9
- RGB
- rgb(250 222 217)
- HSL
- hsl(9 77% 92%)
- HWB
- hwb(9 85% 2%)
- OKLCH
- oklch(0.922 0.032 29.8)
- OKLab
- oklab(0.922 0.028 0.016)
- CIE Lab
- lab(90.71 9.38 6.18)
- LCH
- lch(90.71 11.23 33.4)
- CMYK
- cmyk(0% 11% 13% 2%)
틴트 · 셰이드 · 톤
틴트
- FBE1DD
- FBE5E1
- FCE8E4
- FCEBE8
- FDEEEC
- FDF2F0
- FEF5F4
- FEF8F7
- FFFCFB
셰이드
- D9C1BC
- BAA5A1
- 9B8986
- 7D6F6C
- 615553
- 463D3B
- 2D2625
- 151211
- 030202
톤
- EDD4D0
- E1CAC7
- D4C1BD
- C8B7B4
- BBAEAB
- AFA5A3
- A39B9A
- 979291
- 8C8989
색 조화
보색 +180°
- FADED9
Pink Glitter
- CEECF1
≈ Chalky Blue White
유사색 -30° +30°
- FADED9
Pink Glitter
- F9DDE4
≈ Marshmallow Heart
- F6E1D1
≈ Pastry Pink
삼각 배색 +120° +240°
- FADED9
Pink Glitter
- D7ECDA
≈ Silky Mint
- DDE5FB
≈ Lavender Mist
분열 보색 +150° +210°
- FADED9
Pink Glitter
- D0EDE6
≈ Underwater
- D3E9F9
≈ Freezing Vapour
사각 배색 +90° +180° +270°
- FADED9
Pink Glitter
- E2E9D1
≈ Sunny Summit
- CEECF1
≈ Chalky Blue White
- E8E1F8
≈ Lavender Mist
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.51:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.51:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--pink-glitter: #faded9;
--pink-glitter-rgb: 250 222 217;
--pink-glitter-oklch: oklch(0.922 0.032 29.8);
}
.element {
color: var(--pink-glitter);
background-color: hsl(9 77% 92%);
border-color: oklch(0.922 0.032 29.8);
}Tailwind CSS v4
@theme {
--color-pink-glitter: #faded9;
--color-pink-glitter-50: #fef2ef;
--color-pink-glitter-100: #f2e4e1;
--color-pink-glitter-200: #e2d0cc;
--color-pink-glitter-300: #c7b2ad;
--color-pink-glitter-400: #b19893;
--color-pink-glitter-500: #9a7f7a;
--color-pink-glitter-600: #826b67;
--color-pink-glitter-700: #685652;
--color-pink-glitter-800: #4d3e3c;
--color-pink-glitter-900: #352b29;
--color-pink-glitter-950: #211817;
}SCSS
$pink-glitter: #faded9;
$pink-glitter-rgb: 250, 222, 217;
$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);
}