最も近い色名 · #F9E1DF
#F9E1DF
最も近い色名: Fresco
#F9E1DF（rgb(249 225 223)、hsl(5 68% 93%)、oklch(0.929 0.027 23.4)）に最も近い色名はFrescoです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#F9E1DF
oklch(0.929 0.027 23.4)
カラー変換
- HEX
- #f9e1df
- RGB
- rgb(249 225 223)
- HSL
- hsl(5 68% 93%)
- HWB
- hwb(5 87% 2%)
- OKLCH
- oklch(0.929 0.027 23.4)
- OKLab
- oklab(0.929 0.024 0.011)
- CIE Lab
- lab(91.47 8.26 4.14)
- LCH
- lch(91.47 9.24 26.6)
- CMYK
- cmyk(0% 10% 10% 2%)
ティント · シェード · トーン
ティント
- FAE4E2
- FAE7E5
- FBEAE9
- FCEDEC
- FCF0EF
- FDF3F2
- FDF6F5
- FEF9F9
- FEFCFC
シェード
- D9C4C2
- B9A7A5
- 9A8B8A
- 7D706F
- 615656
- 463E3D
- 2C2727
- 151212
- 030202
トーン
- ECD7D5
- E0CDCB
- D3C3C2
- C7B9B8
- BBAFAE
- AFA6A5
- A39C9B
- 979392
- 8B8989
カラーハーモニー
補色 +180°
- F9E1DF
Fresco
- D4EDEF
≈ Blue Emulsion
類似色 -30° +30°
- F9E1DF
Fresco
- F7E1E9
≈ First Crush
- F7E3D7
≈ Island Hopping
トライアド +120° +240°
- F9E1DF
Fresco
- DDECDC
≈ Cottage Green
- DEE8FA
≈ Husky
スプリットコンプリメンタリー +150° +210°
- F9E1DF
Fresco
- D6EEE6
≈ Dreamy Clouds
- D7EBF7
≈ Celestial Cathedral
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.24:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.86:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.86:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--fresco: #f9e1df;
--fresco-rgb: 249 225 223;
--fresco-oklch: oklch(0.929 0.027 23.4);
}
.element {
color: var(--fresco);
background-color: hsl(5 68% 93%);
border-color: oklch(0.929 0.027 23.4);
}Tailwind CSS v4
@theme {
--color-fresco: #f9e1df;
--color-fresco-50: #fdf2f1;
--color-fresco-100: #f1e5e3;
--color-fresco-200: #dfd0ce;
--color-fresco-300: #c5b2b0;
--color-fresco-400: #ae9997;
--color-fresco-500: #97807e;
--color-fresco-600: #806c6b;
--color-fresco-700: #665655;
--color-fresco-800: #4b3f3e;
--color-fresco-900: #342b2b;
--color-fresco-950: #201918;
}SCSS
$fresco: #f9e1df;
$fresco-rgb: 249, 225, 223;
$fresco-light: mix(#fff, $fresco, 20%);
$fresco-dark: mix(#000, $fresco, 20%);
.element {
color: $fresco;
box-shadow: 0 0 0 2px rgba($fresco, 0.35);
}