가장 가까운 이름 색상 · #EBE4C7
#EBE4C7
가장 가까운 이름 색상: Horseradish
#EBE4C7(rgb(235 228 199), hsl(48 47% 85%), oklch(0.917 0.039 95.9))와 가장 가까운 이름 색상은 Horseradish입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EBE4C7
oklch(0.917 0.039 95.9)
색상 변환
- HEX
- #ebe4c7
- RGB
- rgb(235 228 199)
- HSL
- hsl(48 47% 85%)
- HWB
- hwb(48 78% 8%)
- OKLCH
- oklch(0.917 0.039 95.9)
- OKLab
- oklab(0.917 -0.004 0.039)
- CIE Lab
- lab(90.58 -1.06 15.11)
- LCH
- lch(90.58 15.15 94)
- CMYK
- cmyk(0% 3% 15% 8%)
틴트 · 셰이드 · 톤
틴트
- EDE7CD
- EFE9D2
- F1ECD8
- F3EFDD
- F5F2E3
- F7F4E9
- F9F7EE
- FBFAF4
- FDFCF9
셰이드
- CCC6AD
- AEA993
- 918D7A
- 757262
- 5B584C
- 413F36
- 292821
- 13120E
- 030302
톤
- E0DAC0
- D5CFB8
- CAC5B1
- BFBBAA
- B4B1A3
- A9A79C
- 9F9D95
- 94938E
- 8A8A87
색 조화
보색 +180°
- EBE4C7
Horseradish
- DCE2FE
≈ Stoic White
유사색 -30° +30°
- EBE4C7
Horseradish
- F6DFC9
≈ Almeja
- DDE9CD
≈ Whiff of Green
삼각 배색 +120° +240°
- EBE4C7
Horseradish
- C7EBF4
≈ Frosty Day
- F5DAEE
≈ Grape Taffy
분열 보색 +150° +210°
- EBE4C7
Horseradish
- CFE7FD
≈ Veiling Waterfalls
- EADDF9
≈ Lavender Savour
사각 배색 +90° +180° +270°
- EBE4C7
Horseradish
- C8EDE7
≈ Spearmint Leaf
- DCE2FE
≈ Stoic White
- FCD9DF
≈ Wishful Thinking
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.45:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--horseradish: #ebe4c7;
--horseradish-rgb: 235 228 199;
--horseradish-oklch: oklch(0.917 0.039 95.9);
}
.element {
color: var(--horseradish);
background-color: hsl(48 47% 85%);
border-color: oklch(0.917 0.039 95.9);
}Tailwind CSS v4
@theme {
--color-horseradish: #ebe4c7;
--color-horseradish-50: #f8f5e9;
--color-horseradish-100: #ebe8da;
--color-horseradish-200: #d8d5c2;
--color-horseradish-300: #bcb8a2;
--color-horseradish-400: #a59f85;
--color-horseradish-500: #8e8669;
--color-horseradish-600: #787259;
--color-horseradish-700: #605b47;
--color-horseradish-800: #474233;
--color-horseradish-900: #312e23;
--color-horseradish-950: #1d1b12;
}SCSS
$horseradish: #ebe4c7;
$horseradish-rgb: 235, 228, 199;
$horseradish-light: mix(#fff, $horseradish, 20%);
$horseradish-dark: mix(#000, $horseradish, 20%);
.element {
color: $horseradish;
box-shadow: 0 0 0 2px rgba($horseradish, 0.35);
}