最も近い色名 · #FEE1D4
#FEE1D4
最も近い色名: Air-Kiss
#FEE1D4（rgb(254 225 212)、hsl(19 95% 91%)、oklch(0.93 0.037 45.7)）に最も近い色名はAir-Kissです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FEE1D4
oklch(0.93 0.037 45.7)
カラー変換
- HEX
- #fee1d4
- RGB
- rgb(254 225 212)
- HSL
- hsl(19 95% 91%)
- HWB
- hwb(19 83% 0%)
- OKLCH
- oklch(0.93 0.037 45.7)
- OKLab
- oklab(0.93 0.026 0.026)
- CIE Lab
- lab(91.69 8.81 10.23)
- LCH
- lch(91.69 13.5 49.3)
- CMYK
- cmyk(0% 11% 17% 0%)
ティント · シェード · トーン
ティント
- FEE4D8
- FEE7DD
- FFEAE1
- FFEDE5
- FFF0E9
- FFF3EE
- FFF6F2
- FFF9F6
- FFFCFB
シェード
- DDC4B8
- BDA79D
- 9E8B83
- 807069
- 635651
- 473E3A
- 2D2724
- 161210
- 030202
トーン
- F1D7CB
- E4CDC3
- D7C3BA
- CAB9B2
- BDAFA9
- B1A6A1
- A49C98
- 989390
- 8C8988
カラーハーモニー
補色 +180°
- FEE1D4
Air-Kiss
- CFEEFB
≈ Blue Hijab
類似色 -30° +30°
- FEE1D4
Air-Kiss
- FFDFE0
≈ Red Remains
- F7E5CD
≈ Mannequin Cream
トライアド +120° +240°
- FEE1D4
Air-Kiss
- D2F0E2
≈ Pastel Jade
- E5E5FF
≈ Lavender Mist
スプリットコンプリメンタリー +150° +210°
- FEE1D4
Air-Kiss
- CDF0F0
≈ Morning Calm
- D9E9FF
≈ Veiling Waterfalls
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.24: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 {
--air-kiss: #fee1d4;
--air-kiss-rgb: 254 225 212;
--air-kiss-oklch: oklch(0.93 0.037 45.7);
}
.element {
color: var(--air-kiss);
background-color: hsl(19 95% 91%);
border-color: oklch(0.93 0.037 45.7);
}Tailwind CSS v4
@theme {
--color-air-kiss: #fee1d4;
--color-air-kiss-50: #fff2ec;
--color-air-kiss-100: #f3e5de;
--color-air-kiss-200: #e2d0c7;
--color-air-kiss-300: #c8b2a8;
--color-air-kiss-400: #b2988d;
--color-air-kiss-500: #9c7f72;
--color-air-kiss-600: #846c61;
--color-air-kiss-700: #69564d;
--color-air-kiss-800: #4e3f38;
--color-air-kiss-900: #362b26;
--color-air-kiss-950: #211815;
}SCSS
$air-kiss: #fee1d4;
$air-kiss-rgb: 254, 225, 212;
$air-kiss-light: mix(#fff, $air-kiss, 20%);
$air-kiss-dark: mix(#000, $air-kiss, 20%);
.element {
color: $air-kiss;
box-shadow: 0 0 0 2px rgba($air-kiss, 0.35);
}