最も近い色名 · #F8DEE1
#F8DEE1
最も近い色名: Blowing Kisses
#F8DEE1（rgb(248 222 225)、hsl(353 65% 92%)、oklch(0.923 0.029 9.7)）に最も近い色名はBlowing Kissesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#F8DEE1
oklch(0.923 0.029 9.7)
カラー変換
- HEX
- #f8dee1
- RGB
- rgb(248 222 225)
- HSL
- hsl(353 65% 92%)
- HWB
- hwb(353 87% 3%)
- OKLCH
- oklch(0.923 0.029 9.7)
- OKLab
- oklab(0.923 0.029 0.005)
- CIE Lab
- lab(90.7 9.61 1.97)
- LCH
- lch(90.7 9.81 11.6)
- CMYK
- cmyk(0% 10% 9% 3%)
ティント · シェード · トーン
ティント
- F9E1E4
- FAE5E7
- FAE8EA
- FBEBED
- FCEEF0
- FCF2F3
- FDF5F6
- FEF8F9
- FEFCFC
シェード
- D8C1C4
- B8A5A7
- 9A898B
- 7C6F70
- 605556
- 453D3E
- 2C2627
- 151212
- 030202
トーン
- EBD4D7
- DFCACD
- D3C1C3
- C6B7B9
- BAAEAF
- AEA4A6
- A39B9C
- 979293
- 8B8989
カラーハーモニー
補色 +180°
- F8DEE1
Blowing Kisses
- D1ECE9
≈ Ionic Sky
類似色 -30° +30°
- F8DEE1
Blowing Kisses
- F4DEEC
≈ Taffeta Tint
- F8E0D7
≈ Delicate Rose
トライアド +120° +240°
- F8DEE1
Blowing Kisses
- DFEAD6
≈ Gratitude
- D7E8F9
≈ Cloudless
スプリットコンプリメンタリー +150° +210°
- F8DEE1
Blowing Kisses
- D6ECDF
≈ Light Duck Egg Cream
- D1EBF3
≈ Ice Cold
テトラード +90° +180° +270°
- F8DEE1
Blowing Kisses
- EAE6D1
≈ Cauliflower
- D1ECE9
≈ Ionic Sky
- E1E4F9
≈ Lavender Mist
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.27:1 · APCA Lc 13
Ag
AAA黒の上
WCAG 16.52:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.52:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--blowing-kisses: #f8dee1;
--blowing-kisses-rgb: 248 222 225;
--blowing-kisses-oklch: oklch(0.923 0.029 9.7);
}
.element {
color: var(--blowing-kisses);
background-color: hsl(353 65% 92%);
border-color: oklch(0.923 0.029 9.7);
}Tailwind CSS v4
@theme {
--color-blowing-kisses: #f8dee1;
--color-blowing-kisses-50: #fdf2f3;
--color-blowing-kisses-100: #f1e4e5;
--color-blowing-kisses-200: #e0cfd1;
--color-blowing-kisses-300: #c6b2b3;
--color-blowing-kisses-400: #af989a;
--color-blowing-kisses-500: #987f82;
--color-blowing-kisses-600: #816b6e;
--color-blowing-kisses-700: #675658;
--color-blowing-kisses-800: #4c3e40;
--color-blowing-kisses-900: #352b2c;
--color-blowing-kisses-950: #201819;
}SCSS
$blowing-kisses: #f8dee1;
$blowing-kisses-rgb: 248, 222, 225;
$blowing-kisses-light: mix(#fff, $blowing-kisses, 20%);
$blowing-kisses-dark: mix(#000, $blowing-kisses, 20%);
.element {
color: $blowing-kisses;
box-shadow: 0 0 0 2px rgba($blowing-kisses, 0.35);
}