이름 색상 · #EBD8B3
Golden Syrup
Golden Syrup은(는) #EBD8B3: rgb(235 216 179), hsl(40 58% 81%), oklch(0.888 0.053 84). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Golden Syrup color name →
#EBD8B3
oklch(0.888 0.053 84)
색상 변환
- HEX
- #ebd8b3
- RGB
- rgb(235 216 179)
- HSL
- hsl(40 58% 81%)
- HWB
- hwb(40 70% 8%)
- OKLCH
- oklch(0.888 0.053 84)
- OKLab
- oklab(0.888 0.006 0.053)
- CIE Lab
- lab(87.21 2.59 20.82)
- LCH
- lch(87.21 20.99 82.9)
- CMYK
- cmyk(0% 8% 24% 8%)
틴트 · 셰이드 · 톤
틴트
- EDDCBB
- EFE0C2
- F1E4CA
- F3E8D1
- F5ECD9
- F7EFE1
- F9F3E8
- FBF7F0
- FDFBF7
셰이드
- CCBC9B
- AEA084
- 91856E
- 756B58
- 5B5343
- 413B2F
- 29251D
- 13110C
- 030201
톤
- E0CFAE
- D5C6A9
- CABDA4
- BFB49F
- B4AB9A
- A9A295
- 9F9A8F
- 94918A
- 8A8885
색 조화
보색 +180°
- EBD8B3
Golden Syrup
- C9DBFE
≈ Arc Light
유사색 -30° +30°
- EBD8B3
Golden Syrup
- F7D2BA
≈ Canter Peach
- D9DFB7
≈ April Showers
삼각 배색 +120° +240°
- EBD8B3
Golden Syrup
- B2E5EA
≈ Winter Escape
- ECCFEF
≈ Bubblegum Crisis
분열 보색 +150° +210°
- EBD8B3
Golden Syrup
- B9E1F8
≈ Arctic Paradise
- DBD4FB
≈ Pale Lavender
사각 배색 +90° +180° +270°
- EBD8B3
Golden Syrup
- B7E6D7
≈ Ode to Green
- C9DBFE
≈ Arc Light
- F8CCDD
≈ Pink Lace
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.39:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.00:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--golden-syrup: #ebd8b3;
--golden-syrup-rgb: 235 216 179;
--golden-syrup-oklch: oklch(0.888 0.053 84);
}
.element {
color: var(--golden-syrup);
background-color: hsl(40 58% 81%);
border-color: oklch(0.888 0.053 84);
}Tailwind CSS v4
@theme {
--color-golden-syrup: #ebd8b3;
--color-golden-syrup-50: #fcf4e4;
--color-golden-syrup-100: #f0e7d4;
--color-golden-syrup-200: #ded3bb;
--color-golden-syrup-300: #c4b699;
--color-golden-syrup-400: #ad9c7b;
--color-golden-syrup-500: #97845d;
--color-golden-syrup-600: #806f4f;
--color-golden-syrup-700: #66593f;
--color-golden-syrup-800: #4c412d;
--color-golden-syrup-900: #352d1e;
--color-golden-syrup-950: #201a0e;
}SCSS
$golden-syrup: #ebd8b3;
$golden-syrup-rgb: 235, 216, 179;
$golden-syrup-light: mix(#fff, $golden-syrup, 20%);
$golden-syrup-dark: mix(#000, $golden-syrup, 20%);
.element {
color: $golden-syrup;
box-shadow: 0 0 0 2px rgba($golden-syrup, 0.35);
}