가장 가까운 이름 색상 · #EBC3B7
#EBC3B7
가장 가까운 이름 색상: Mellow Marrow
#EBC3B7(rgb(235 195 183), hsl(14 57% 82%), oklch(0.849 0.049 37.3))와 가장 가까운 이름 색상은 Mellow Marrow입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EBC3B7
oklch(0.849 0.049 37.3)
색상 변환
- HEX
- #ebc3b7
- RGB
- rgb(235 195 183)
- HSL
- hsl(14 57% 82%)
- HWB
- hwb(14 72% 8%)
- OKLCH
- oklch(0.849 0.049 37.3)
- OKLab
- oklab(0.849 0.039 0.03)
- CIE Lab
- lab(82.1 13.36 11.67)
- LCH
- lch(82.1 17.74 41.1)
- CMYK
- cmyk(0% 17% 22% 8%)
틴트 · 셰이드 · 톤
틴트
- EDC9BE
- EFCFC5
- F1D5CC
- F4DBD3
- F6E1DB
- F8E7E2
- FAEDE9
- FBF3F0
- FDF9F8
셰이드
- CCA99F
- AE9087
- 917870
- 75605A
- 5B4A45
- 413431
- 29201E
- 130E0C
- 030202
톤
- E0BCB1
- D5B5AC
- CAAEA6
- BFA8A1
- B4A19B
- AA9A96
- 9F9490
- 958D8B
- 8A8785
색 조화
보색 +180°
- EBC3B7
Mellow Marrow
- AAD6E2
≈ Light Sea Spray
유사색 -30° +30°
- EBC3B7
Mellow Marrow
- EBC1C7
≈ Primrose Pink
- E4C8AC
≈ Craft Juggler
삼각 배색 +120° +240°
- EBC3B7
Mellow Marrow
- B4D8C1
≈ Reclining Green
- C5CBEE
≈ Miami White
분열 보색 +150° +210°
- EBC3B7
Mellow Marrow
- AAD8D3
≈ Scandal
- B5D1EC
≈ Modern Blue
사각 배색 +90° +180° +270°
- EBC3B7
Mellow Marrow
- C4D4B2
≈ Hidden Hills
- AAD6E2
≈ Light Sea Spray
- D6C5E7
≈ Foggy Love
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.61:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.02:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 13.02:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--mellow-marrow: #ebc3b7;
--mellow-marrow-rgb: 235 195 183;
--mellow-marrow-oklch: oklch(0.849 0.049 37.3);
}
.element {
color: var(--mellow-marrow);
background-color: hsl(14 57% 82%);
border-color: oklch(0.849 0.049 37.3);
}Tailwind CSS v4
@theme {
--color-mellow-marrow: #ebc3b7;
--color-mellow-marrow-50: #fff1eb;
--color-mellow-marrow-100: #f7e3dc;
--color-mellow-marrow-200: #e8cec5;
--color-mellow-marrow-300: #cfb0a5;
--color-mellow-marrow-400: #b9958a;
--color-mellow-marrow-500: #a47b6f;
--color-mellow-marrow-600: #8a685e;
--color-mellow-marrow-700: #6f534b;
--color-mellow-marrow-800: #523d37;
--color-mellow-marrow-900: #392a25;
--color-mellow-marrow-950: #231714;
}SCSS
$mellow-marrow: #ebc3b7;
$mellow-marrow-rgb: 235, 195, 183;
$mellow-marrow-light: mix(#fff, $mellow-marrow, 20%);
$mellow-marrow-dark: mix(#000, $mellow-marrow, 20%);
.element {
color: $mellow-marrow;
box-shadow: 0 0 0 2px rgba($mellow-marrow, 0.35);
}