이름 색상 · #EDC7B6
Spiced Orange
Spiced Orange은(는) #EDC7B6: rgb(237 199 182), hsl(19 60% 82%), oklch(0.858 0.049 45.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Spiced Orange color name →
#EDC7B6
oklch(0.858 0.049 45.5)
색상 변환
- HEX
- #edc7b6
- RGB
- rgb(237 199 182)
- HSL
- hsl(19 60% 82%)
- HWB
- hwb(19 71% 7%)
- OKLCH
- oklch(0.858 0.049 45.5)
- OKLab
- oklab(0.858 0.035 0.035)
- CIE Lab
- lab(83.24 12.02 13.83)
- LCH
- lch(83.24 18.32 49)
- CMYK
- cmyk(0% 16% 23% 7%)
틴트 · 셰이드 · 톤
틴트
- EFCDBD
- F1D2C4
- F3D8CC
- F5DDD3
- F7E3DA
- F8E8E2
- FAEEE9
- FCF4F0
- FDF9F8
셰이드
- CEAD9E
- B09386
- 937A6F
- 776259
- 5C4C44
- 423630
- 2A211D
- 140E0C
- 030202
톤
- E2C0B1
- D6B8AB
- CBB1A6
- C0AAA0
- B5A39B
- AB9C95
- A09590
- 958E8B
- 8A8785
색 조화
보색 +180°
- EDC7B6
Spiced Orange
- AFD8E9
≈ Blue Refrain
유사색 -30° +30°
- EDC7B6
Spiced Orange
- EFC4C6
≈ Berry Good
- E4CCAD
≈ Consommé
삼각 배색 +120° +240°
- EDC7B6
Spiced Orange
- B3DBC9
≈ Celadon Sorbet
- CCCCF0
≈ Miami White
분열 보색 +150° +210°
- EDC7B6
Spiced Orange
- ABDBDA
≈ Beachside Drive
- BBD2F1
≈ Frost Fairy
사각 배색 +90° +180° +270°
- EDC7B6
Spiced Orange
- C2D8B8
≈ Grasshopper Pie
- AFD8E9
≈ Blue Refrain
- DDC7E7
≈ Syrian Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.44:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.44:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--spiced-orange: #edc7b6;
--spiced-orange-rgb: 237 199 182;
--spiced-orange-oklch: oklch(0.858 0.049 45.5);
}
.element {
color: var(--spiced-orange);
background-color: hsl(19 60% 82%);
border-color: oklch(0.858 0.049 45.5);
}Tailwind CSS v4
@theme {
--color-spiced-orange: #edc7b6;
--color-spiced-orange-50: #fff1e9;
--color-spiced-orange-100: #f7e3da;
--color-spiced-orange-200: #e7cec3;
--color-spiced-orange-300: #ceb0a2;
--color-spiced-orange-400: #b89687;
--color-spiced-orange-500: #a37c6b;
--color-spiced-orange-600: #89695b;
--color-spiced-orange-700: #6e5448;
--color-spiced-orange-800: #513d35;
--color-spiced-orange-900: #392a24;
--color-spiced-orange-950: #231813;
}SCSS
$spiced-orange: #edc7b6;
$spiced-orange-rgb: 237, 199, 182;
$spiced-orange-light: mix(#fff, $spiced-orange, 20%);
$spiced-orange-dark: mix(#000, $spiced-orange, 20%);
.element {
color: $spiced-orange;
box-shadow: 0 0 0 2px rgba($spiced-orange, 0.35);
}