最も近い色名 · #EBB7BC
#EBB7BC
最も近い色名: Blush Rush
#EBB7BC（rgb(235 183 188)、hsl(354 57% 82%)、oklch(0.828 0.061 12)）に最も近い色名はBlush Rushです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#EBB7BC
oklch(0.828 0.061 12)
カラー変換
- HEX
- #ebb7bc
- RGB
- rgb(235 183 188)
- HSL
- hsl(354 57% 82%)
- HWB
- hwb(354 72% 8%)
- OKLCH
- oklch(0.828 0.061 12)
- OKLab
- oklab(0.828 0.059 0.013)
- CIE Lab
- lab(79.32 19.91 5.08)
- LCH
- lch(79.32 20.55 14.3)
- CMYK
- cmyk(0% 22% 20% 8%)
ティント · シェード · トーン
ティント
- EDBEC3
- F0C5C9
- F2CCD0
- F4D4D6
- F6DBDD
- F8E2E4
- FAE9EB
- FCF0F1
- FDF8F8
シェード
- CC9FA3
- AE878B
- 917073
- 755A5D
- 5B4547
- 413132
- 291E1F
- 130C0D
- 030202
トーン
- E0B1B6
- D5ACB0
- CAA6AA
- BFA1A4
- B59B9D
- AA9698
- 9F9092
- 958B8C
- 8A8586
カラーハーモニー
補色 +180°
- EBB7BC
Blush Rush
- 99D4D1
≈ Fountain City
類似色 -30° +30°
- EBB7BC
Blush Rush
- E3B8D2
≈ Eau de Rose
- EABAA8
≈ Diva Rouge
トライアド +120° +240°
- EBB7BC
Blush Rush
- B8CFA7
≈ Pixie Green
- ABCAED
≈ Baby Bunting
スプリットコンプリメンタリー +150° +210°
- EBB7BC
Blush Rush
- A4D3BB
≈ Flowering Cactus
- 9BD0E3
≈ Blue Carpenter Bee
テトラード +90° +180° +270°
- EBB7BC
Blush Rush
- CEC99B
≈ Shagreen
- 99D4D1
≈ Fountain City
- C0C2EE
≈ Vodka
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.74:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 12.03:1 · APCA Lc 71
最適な文字色: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--blush-rush: #ebb7bc;
--blush-rush-rgb: 235 183 188;
--blush-rush-oklch: oklch(0.828 0.061 12);
}
.element {
color: var(--blush-rush);
background-color: hsl(354 57% 82%);
border-color: oklch(0.828 0.061 12);
}Tailwind CSS v4
@theme {
--color-blush-rush: #ebb7bc;
--color-blush-rush-50: #ffeff0;
--color-blush-rush-100: #fce0e2;
--color-blush-rush-200: #edcacc;
--color-blush-rush-300: #d5abae;
--color-blush-rush-400: #bf9095;
--color-blush-rush-500: #aa767b;
--color-blush-rush-600: #906469;
--color-blush-rush-700: #735053;
--color-blush-rush-800: #553a3d;
--color-blush-rush-900: #3b282a;
--color-blush-rush-950: #251618;
}SCSS
$blush-rush: #ebb7bc;
$blush-rush-rgb: 235, 183, 188;
$blush-rush-light: mix(#fff, $blush-rush, 20%);
$blush-rush-dark: mix(#000, $blush-rush, 20%);
.element {
color: $blush-rush;
box-shadow: 0 0 0 2px rgba($blush-rush, 0.35);
}