가장 가까운 이름 색상 · #F9EFFB
#F9EFFB
가장 가까운 이름 색상: Perfume Haze
#F9EFFB(rgb(249 239 251), hsl(290 60% 96%), oklch(0.963 0.019 320.6))와 가장 가까운 이름 색상은 Perfume Haze입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F9EFFB
oklch(0.963 0.019 320.6)
색상 변환
- HEX
- #f9effb
- RGB
- rgb(249 239 251)
- HSL
- hsl(290 60% 96%)
- HWB
- hwb(290 94% 2%)
- OKLCH
- oklch(0.963 0.019 320.6)
- OKLab
- oklab(0.963 0.015 -0.012)
- CIE Lab
- lab(95.5 5.04 -4.54)
- LCH
- lch(95.5 6.78 318)
- CMYK
- cmyk(1% 5% 0% 2%)
틴트 · 셰이드 · 톤
틴트
- FAF1FB
- FAF2FC
- FBF4FC
- FBF5FD
- FCF7FD
- FDF9FD
- FDFAFE
- FEFCFE
- FEFDFF
셰이드
- D9D0DA
- B9B1BA
- 9A949C
- 7D787E
- 615C61
- 464246
- 2C2A2D
- 151415
- 030303
톤
- ECE3EE
- E0D8E1
- D3CCD5
- C7C1C8
- BBB6BC
- AFABAF
- A3A0A3
- 979597
- 8B8B8C
색 조화
보색 +180°
- F9EFFB
Perfume Haze
- ECF6EA
≈ Verde Pastel
유사색 -30° +30°
- F9EFFB
Perfume Haze
- F2F1FF
≈ Cloud Break
- FEEEF4
≈ Powder Puff
삼각 배색 +120° +240°
- F9EFFB
Perfume Haze
- FAF2E5
≈ Palatial White
- E5F7F8
≈ Indigo White
분열 보색 +150° +210°
- F9EFFB
Perfume Haze
- F3F4E6
≈ Cumulus
- E7F7F1
≈ Soft Mint
사각 배색 +90° +180° +270°
- F9EFFB
Perfume Haze
- FEF0E8
≈ Pico Ivory
- ECF6EA
≈ Verde Pastel
- E7F6FE
≈ Kodama White
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.11:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.76:1 · APCA Lc 99
가장 좋은 글자색: #000000
WCAG 18.76:1 (AAA) · APCA Lc 99
Contrast pairs
코드 스니펫
CSS
:root {
--perfume-haze: #f9effb;
--perfume-haze-rgb: 249 239 251;
--perfume-haze-oklch: oklch(0.963 0.019 320.6);
}
.element {
color: var(--perfume-haze);
background-color: hsl(290 60% 96%);
border-color: oklch(0.963 0.019 320.6);
}Tailwind CSS v4
@theme {
--color-perfume-haze: #f9effb;
--color-perfume-haze-50: #f8f3f8;
--color-perfume-haze-100: #ebe6ec;
--color-perfume-haze-200: #d8d2d9;
--color-perfume-haze-300: #bcb4bd;
--color-perfume-haze-400: #a49ba5;
--color-perfume-haze-500: #8c828e;
--color-perfume-haze-600: #776e78;
--color-perfume-haze-700: #5f5860;
--color-perfume-haze-800: #454047;
--color-perfume-haze-900: #302c31;
--color-perfume-haze-950: #1c191d;
}SCSS
$perfume-haze: #f9effb;
$perfume-haze-rgb: 249, 239, 251;
$perfume-haze-light: mix(#fff, $perfume-haze, 20%);
$perfume-haze-dark: mix(#000, $perfume-haze, 20%);
.element {
color: $perfume-haze;
box-shadow: 0 0 0 2px rgba($perfume-haze, 0.35);
}