最も近い色名 · #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);
}