가장 가까운 이름 색상 · #EBC3CB
#EBC3CB
가장 가까운 이름 색상: Light Blush
#EBC3CB(rgb(235 195 203), hsl(348 50% 84%), oklch(0.854 0.047 4.6))와 가장 가까운 이름 색상은 Light Blush입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EBC3CB
oklch(0.854 0.047 4.6)
색상 변환
- HEX
- #ebc3cb
- RGB
- rgb(235 195 203)
- HSL
- hsl(348 50% 84%)
- HWB
- hwb(348 76% 8%)
- OKLCH
- oklch(0.854 0.047 4.6)
- OKLab
- oklab(0.854 0.046 0.004)
- CIE Lab
- lab(82.5 15.6 1.6)
- LCH
- lch(82.5 15.68 5.9)
- CMYK
- cmyk(0% 17% 14% 8%)
틴트 · 셰이드 · 톤
틴트
- EDC9D0
- EFCFD5
- F1D5DA
- F4DBE0
- F6E1E5
- F8E7EA
- F9EDEF
- FBF3F4
- FDF9FA
셰이드
- CCA9B0
- AE9096
- 91787D
- 756065
- 5B4A4D
- 413437
- 292022
- 130E0F
- 030202
톤
- E0BCC3
- D5B5BC
- CAAEB4
- BFA8AC
- B4A1A5
- AA9A9D
- 9F9496
- 958D8E
- 8A8787
색 조화
보색 +180°
- EBC3CB
Light Blush
- AEDAD3
≈ Wave Top
유사색 -30° +30°
- EBC3CB
Light Blush
- E3C4DC
≈ Dog Rose
- ECC5BB
≈ Peach Ash
삼각 배색 +120° +240°
- EBC3CB
Light Blush
- C8D5B4
≈ Spice Garden
- B6D3EC
≈ Modern Blue
분열 보색 +150° +210°
- EBC3CB
Light Blush
- B8D9C2
≈ Cool Spring
- ADD8E2
≈ Araucana Egg
사각 배색 +90° +180° +270°
- EBC3CB
Light Blush
- D8CFAD
≈ Lovely Linen
- AEDAD3
≈ Wave Top
- C5CDEE
≈ Miami White
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.20:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--light-blush: #ebc3cb;
--light-blush-rgb: 235 195 203;
--light-blush-oklch: oklch(0.854 0.047 4.6);
}
.element {
color: var(--light-blush);
background-color: hsl(348 50% 84%);
border-color: oklch(0.854 0.047 4.6);
}Tailwind CSS v4
@theme {
--color-light-blush: #ebc3cb;
--color-light-blush-50: #fff0f3;
--color-light-blush-100: #f7e2e5;
--color-light-blush-200: #e7ccd1;
--color-light-blush-300: #ceaeb3;
--color-light-blush-400: #b7939b;
--color-light-blush-500: #a27a82;
--color-light-blush-600: #89676e;
--color-light-blush-700: #6e5258;
--color-light-blush-800: #513c41;
--color-light-blush-900: #38292d;
--color-light-blush-950: #23171a;
}SCSS
$light-blush: #ebc3cb;
$light-blush-rgb: 235, 195, 203;
$light-blush-light: mix(#fff, $light-blush, 20%);
$light-blush-dark: mix(#000, $light-blush, 20%);
.element {
color: $light-blush;
box-shadow: 0 0 0 2px rgba($light-blush, 0.35);
}