最も近い色名 · #FDE0E2
#FDE0E2
最も近い色名: Blowing Kisses
#FDE0E2（rgb(253 224 226)、hsl(356 88% 94%)、oklch(0.931 0.032 13)）に最も近い色名はBlowing Kissesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FDE0E2
oklch(0.931 0.032 13)
カラー変換
- HEX
- #fde0e2
- RGB
- rgb(253 224 226)
- HSL
- hsl(356 88% 94%)
- HWB
- hwb(356 88% 1%)
- OKLCH
- oklch(0.931 0.032 13)
- OKLab
- oklab(0.931 0.031 0.007)
- CIE Lab
- lab(91.64 10.55 2.87)
- LCH
- lch(91.64 10.93 15.2)
- CMYK
- cmyk(0% 11% 11% 1%)
ティント · シェード · トーン
ティント
- FDE3E5
- FEE6E8
- FEE9EB
- FEECEE
- FEEFF0
- FEF3F3
- FFF6F6
- FFF9F9
- FFFCFC
シェード
- DCC3C4
- BCA6A8
- 9D8A8C
- 7F7071
- 625657
- 473E3E
- 2D2727
- 161212
- 030203
トーン
- F0D6D8
- E3CCCE
- D6C2C4
- C9B8BA
- BDAFB0
- B0A5A6
- A49C9C
- 989293
- 8C8989
カラーハーモニー
補色 +180°
- FDE0E2
Blowing Kisses
- D1EFEE
≈ Morning Calm
類似色 -30° +30°
- FDE0E2
Blowing Kisses
- F9E0EE
≈ Spun Sugar
- FCE2D8
≈ Peach Cloud
トライアド +120° +240°
- FDE0E2
Blowing Kisses
- E0EDD8
≈ Ghost Lichen
- DAEAFE
≈ Cloudless
スプリットコンプリメンタリー +150° +210°
- FDE0E2
Blowing Kisses
- D6EFE2
≈ Spring Dew
- D2EEF8
≈ Blue Hijab
テトラード +90° +180° +270°
- FDE0E2
Blowing Kisses
- ECEAD1
≈ Light Chervil
- D1EFEE
≈ Morning Calm
- E5E6FE
≈ Lavender Mist
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.23:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.93:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.93:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--blowing-kisses: #fde0e2;
--blowing-kisses-rgb: 253 224 226;
--blowing-kisses-oklch: oklch(0.931 0.032 13);
}
.element {
color: var(--blowing-kisses);
background-color: hsl(356 88% 94%);
border-color: oklch(0.931 0.032 13);
}Tailwind CSS v4
@theme {
--color-blowing-kisses: #fde0e2;
--color-blowing-kisses-50: #fef2f2;
--color-blowing-kisses-100: #f2e4e4;
--color-blowing-kisses-200: #e2cfd0;
--color-blowing-kisses-300: #c7b1b2;
--color-blowing-kisses-400: #b19799;
--color-blowing-kisses-500: #9a7e80;
--color-blowing-kisses-600: #826b6c;
--color-blowing-kisses-700: #685557;
--color-blowing-kisses-800: #4d3e40;
--color-blowing-kisses-900: #352b2c;
--color-blowing-kisses-950: #201819;
}SCSS
$blowing-kisses: #fde0e2;
$blowing-kisses-rgb: 253, 224, 226;
$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);
}