最も近い色名 · #FCD6E8
#FCD6E8
最も近い色名: Mimi Pink
#FCD6E8（rgb(252 214 232)、hsl(332 86% 91%)、oklch(0.913 0.048 347.9)）に最も近い色名はMimi Pinkです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FCD6E8
oklch(0.913 0.048 347.9)
カラー変換
- HEX
- #fcd6e8
- RGB
- rgb(252 214 232)
- HSL
- hsl(332 86% 91%)
- HWB
- hwb(332 84% 1%)
- OKLCH
- oklch(0.913 0.048 347.9)
- OKLab
- oklab(0.913 0.047 -0.01)
- CIE Lab
- lab(89.28 15.82 -3.68)
- LCH
- lch(89.28 16.24 346.9)
- CMYK
- cmyk(0% 15% 8% 1%)
ティント · シェード · トーン
ティント
- FCDAEA
- FDDEED
- FDE2EF
- FEE6F1
- FEEAF3
- FEEFF6
- FEF3F8
- FFF7FA
- FFFBFD
シェード
- DBBACA
- BB9EAC
- 9C8490
- 7E6A74
- 625259
- 473B40
- 2D2529
- 161013
- 030203
トーン
- EFCDDD
- E2C4D2
- D5BBC8
- C9B3BD
- BCAAB3
- B0A2A8
- A4999E
- 989194
- 8C888A
カラーハーモニー
補色 +180°
- FCD6E8
Mimi Pink
- C5EDDC
≈ Seafoam Pearl
類似色 -30° +30°
- FCD6E8
Mimi Pink
- F0D9F8
≈ Lavender Savour
- FFD7D7
≈ We Peep
トライアド +120° +240°
- FCD6E8
Mimi Pink
- E5E5C1
≈ Spring Fever
- C2E9FC
≈ Blue Java Banana
スプリットコンプリメンタリー +150° +210°
- FCD6E8
Mimi Pink
- D3EBCC
≈ Kiwi Squeeze
- BEEDEE
≈ Cold Blooded
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.31:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.92:1 · APCA Lc 88
最適な文字色: #000000
WCAG 15.92:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--mimi-pink: #fcd6e8;
--mimi-pink-rgb: 252 214 232;
--mimi-pink-oklch: oklch(0.913 0.048 347.9);
}
.element {
color: var(--mimi-pink);
background-color: hsl(332 86% 91%);
border-color: oklch(0.913 0.048 347.9);
}Tailwind CSS v4
@theme {
--color-mimi-pink: #fcd6e8;
--color-mimi-pink-50: #fff0f7;
--color-mimi-pink-100: #f5e2ea;
--color-mimi-pink-200: #e5ccd7;
--color-mimi-pink-300: #ccaebb;
--color-mimi-pink-400: #b593a3;
--color-mimi-pink-500: #9f7a8c;
--color-mimi-pink-600: #866776;
--color-mimi-pink-700: #6c525f;
--color-mimi-pink-800: #4f3c46;
--color-mimi-pink-900: #372930;
--color-mimi-pink-950: #22171d;
}SCSS
$mimi-pink: #fcd6e8;
$mimi-pink-rgb: 252, 214, 232;
$mimi-pink-light: mix(#fff, $mimi-pink, 20%);
$mimi-pink-dark: mix(#000, $mimi-pink, 20%);
.element {
color: $mimi-pink;
box-shadow: 0 0 0 2px rgba($mimi-pink, 0.35);
}