가장 가까운 이름 색상 · #F9C1AB
#F9C1AB
가장 가까운 이름 색상: Dolly Cheek
#F9C1AB(rgb(249 193 171), hsl(17 87% 82%), oklch(0.856 0.071 42.5))와 가장 가까운 이름 색상은 Dolly Cheek입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F9C1AB
oklch(0.856 0.071 42.5)
색상 변환
- HEX
- #f9c1ab
- RGB
- rgb(249 193 171)
- HSL
- hsl(17 87% 82%)
- HWB
- hwb(17 67% 2%)
- OKLCH
- oklch(0.856 0.071 42.5)
- OKLab
- oklab(0.856 0.053 0.048)
- CIE Lab
- lab(82.79 18.5 19.24)
- LCH
- lch(82.79 26.69 46.1)
- CMYK
- cmyk(0% 22% 31% 2%)
틴트 · 셰이드 · 톤
틴트
- FAC7B3
- FBCDBC
- FCD4C4
- FCDACC
- FDE0D5
- FEE6DD
- FEECE6
- FFF3EE
- FFF9F7
셰이드
- D9A794
- B98F7E
- 9A7768
- 7D5F54
- 614940
- 46342D
- 2C201B
- 150E0B
- 030201
톤
- EDBAA7
- E0B4A2
- D4AD9E
- C8A79A
- BBA096
- AF9A91
- A3938D
- 988D89
- 8C8684
색 조화
보색 +180°
- F9C1AB
Dolly Cheek
- 9BDBF2
≈ Sora Blue
유사색 -30° +30°
- F9C1AB
Dolly Cheek
- FBBDC3
≈ Azalea Pink
- EDC99C
≈ Filtered Moon
삼각 배색 +120° +240°
- F9C1AB
Dolly Cheek
- A5DFC2
≈ Mountain Mint
- C8CAFE
≈ Lavender Blue
분열 보색 +150° +210°
- F9C1AB
Dolly Cheek
- 97DFDC
≈ Pale Pastel
- AFD3FE
≈ Ice Cold Stare
사각 배색 +90° +180° +270°
- F9C1AB
Dolly Cheek
- BEDAAA
≈ Winter Willow Green
- 9BDBF2
≈ Sora Blue
- E0C3F2
≈ Beefy Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.24:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.24:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--dolly-cheek: #f9c1ab;
--dolly-cheek-rgb: 249 193 171;
--dolly-cheek-oklch: oklch(0.856 0.071 42.5);
}
.element {
color: var(--dolly-cheek);
background-color: hsl(17 87% 82%);
border-color: oklch(0.856 0.071 42.5);
}Tailwind CSS v4
@theme {
--color-dolly-cheek: #f9c1ab;
--color-dolly-cheek-50: #ffefe5;
--color-dolly-cheek-100: #fee1d5;
--color-dolly-cheek-200: #f0cbbc;
--color-dolly-cheek-300: #d8ac9a;
--color-dolly-cheek-400: #c3917d;
--color-dolly-cheek-500: #af7660;
--color-dolly-cheek-600: #946452;
--color-dolly-cheek-700: #765041;
--color-dolly-cheek-800: #583a2f;
--color-dolly-cheek-900: #3d2820;
--color-dolly-cheek-950: #271610;
}SCSS
$dolly-cheek: #f9c1ab;
$dolly-cheek-rgb: 249, 193, 171;
$dolly-cheek-light: mix(#fff, $dolly-cheek, 20%);
$dolly-cheek-dark: mix(#000, $dolly-cheek, 20%);
.element {
color: $dolly-cheek;
box-shadow: 0 0 0 2px rgba($dolly-cheek, 0.35);
}