이름 색상 · #EBD0A4
Spice Is Nice
Spice Is Nice은(는) #EBD0A4: rgb(235 208 164), hsl(37 64% 78%), oklch(0.869 0.065 79.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Spice Is Nice color name →
#EBD0A4
oklch(0.869 0.065 79.8)
색상 변환
- HEX
- #ebd0a4
- RGB
- rgb(235 208 164)
- HSL
- hsl(37 64% 78%)
- HWB
- hwb(37 64% 8%)
- OKLCH
- oklch(0.869 0.065 79.8)
- OKLab
- oklab(0.869 0.012 0.064)
- CIE Lab
- lab(84.97 5.04 25.57)
- LCH
- lch(84.97 26.06 78.9)
- CMYK
- cmyk(0% 11% 30% 8%)
틴트 · 셰이드 · 톤
틴트
- EDD5AD
- EFD9B6
- F1DEBF
- F3E3C9
- F5E8D2
- F7ECDB
- F9F1E4
- FBF6ED
- FDFAF6
셰이드
- CCB58E
- AE9A79
- 918064
- 756750
- 5B4F3D
- 41392B
- 29231A
- 13100A
- 030201
톤
- E0C8A1
- D5C09D
- CAB79A
- BFAF96
- B4A793
- AA9F8F
- 9F978B
- 959088
- 8A8884
색 조화
보색 +180°
- EBD0A4
Spice Is Nice
- BCD6FF
≈ Oh Boy!
유사색 -30° +30°
- EBD0A4
Spice Is Nice
- F8C8AE
≈ Bellini
- D6D8A7
≈ Sunlit Leaf
삼각 배색 +120° +240°
- EBD0A4
Spice Is Nice
- A1E2E5
≈ Everest
- E8C7EF
≈ Purple’s Baby Sister
분열 보색 +150° +210°
- EBD0A4
Spice Is Nice
- A8DDF7
≈ Van Gogh Blue
- D3CEFD
≈ Lavender Blue
사각 배색 +90° +180° +270°
- EBD0A4
Spice Is Nice
- AAE3CD
≈ Turquoise Tower
- BCD6FF
≈ Oh Boy!
- F6C3DA
≈ Miami Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.49:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.09:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.09:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--spice-is-nice: #ebd0a4;
--spice-is-nice-rgb: 235 208 164;
--spice-is-nice-oklch: oklch(0.869 0.065 79.8);
}
.element {
color: var(--spice-is-nice);
background-color: hsl(37 64% 78%);
border-color: oklch(0.869 0.065 79.8);
}Tailwind CSS v4
@theme {
--color-spice-is-nice: #ebd0a4;
--color-spice-is-nice-50: #fff4e1;
--color-spice-is-nice-100: #f3e6d0;
--color-spice-is-nice-200: #e2d2b5;
--color-spice-is-nice-300: #c8b592;
--color-spice-is-nice-400: #b39b73;
--color-spice-is-nice-500: #9d8253;
--color-spice-is-nice-600: #856e47;
--color-spice-is-nice-700: #6a5838;
--color-spice-is-nice-800: #4f4028;
--color-spice-is-nice-900: #372c1b;
--color-spice-is-nice-950: #22190b;
}SCSS
$spice-is-nice: #ebd0a4;
$spice-is-nice-rgb: 235, 208, 164;
$spice-is-nice-light: mix(#fff, $spice-is-nice, 20%);
$spice-is-nice-dark: mix(#000, $spice-is-nice, 20%);
.element {
color: $spice-is-nice;
box-shadow: 0 0 0 2px rgba($spice-is-nice, 0.35);
}