最も近い色名 · #E9B3BB
#E9B3BB
最も近い色名: Heart’s Content
#E9B3BB（rgb(233 179 187)、hsl(351 55% 81%)、oklch(0.818 0.064 8.7)）に最も近い色名はHeart’s Contentです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E9B3BB
oklch(0.818 0.064 8.7)
カラー変換
- HEX
- #e9b3bb
- RGB
- rgb(233 179 187)
- HSL
- hsl(351 55% 81%)
- HWB
- hwb(351 70% 9%)
- OKLCH
- oklch(0.818 0.064 8.7)
- OKLab
- oklab(0.818 0.063 0.01)
- CIE Lab
- lab(78.14 21.07 3.91)
- LCH
- lch(78.14 21.43 10.5)
- CMYK
- cmyk(0% 23% 20% 9%)
ティント · シェード · トーン
ティント
- ECBBC2
- EEC2C8
- F1CACF
- F3D1D6
- F5D9DD
- F7E0E3
- F9E8EA
- FBF0F1
- FDF7F8
シェード
- CB9BA2
- AD848A
- 906E73
- 74585C
- 5A4346
- 412F32
- 291D1F
- 130C0D
- 030102
トーン
- DEAEB5
- D4A9AF
- C9A4A9
- BE9FA3
- B4999D
- A99497
- 9F8F91
- 958A8B
- 8A8586
カラーハーモニー
補色 +180°
- E9B3BB
Heart’s Content
- 93D1CB
≈ Bora Bora Shore
類似色 -30° +30°
- E9B3BB
Heart’s Content
- E0B4D1
≈ Muddy Mauve
- E9B6A6
≈ Porcelain Crab
トライアド +120° +240°
- E9B3BB
Heart’s Content
- B7CCA0
≈ New Frond
- A4C8EB
≈ Island Light
スプリットコンプリメンタリー +150° +210°
- E9B3BB
Heart’s Content
- A1D1B4
≈ Feather Green
- 95CEDF
≈ Iqaluit Ice
テトラード +90° +180° +270°
- E9B3BB
Heart’s Content
- CEC595
≈ Vast Escape
- 93D1CB
≈ Bora Bora Shore
- BAC0ED
≈ Larkspur Bud
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.80:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.63:1 · APCA Lc 69
最適な文字色: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
コードスニペット
CSS
:root {
--heart-s-content: #e9b3bb;
--heart-s-content-rgb: 233 179 187;
--heart-s-content-oklch: oklch(0.818 0.064 8.7);
}
.element {
color: var(--heart-s-content);
background-color: hsl(351 55% 81%);
border-color: oklch(0.818 0.064 8.7);
}Tailwind CSS v4
@theme {
--color-heart-s-content: #e9b3bb;
--color-heart-s-content-50: #ffeef1;
--color-heart-s-content-100: #fce0e3;
--color-heart-s-content-200: #eecace;
--color-heart-s-content-300: #d6abaf;
--color-heart-s-content-400: #c08f97;
--color-heart-s-content-500: #ab757d;
--color-heart-s-content-600: #91636a;
--color-heart-s-content-700: #744f55;
--color-heart-s-content-800: #56393f;
--color-heart-s-content-900: #3c272b;
--color-heart-s-content-950: #251518;
}SCSS
$heart-s-content: #e9b3bb;
$heart-s-content-rgb: 233, 179, 187;
$heart-s-content-light: mix(#fff, $heart-s-content, 20%);
$heart-s-content-dark: mix(#000, $heart-s-content, 20%);
.element {
color: $heart-s-content;
box-shadow: 0 0 0 2px rgba($heart-s-content, 0.35);
}