가장 가까운 이름 색상 · #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);
}