이름 색상 · #E08A1E
Sumac Dyed
Sumac Dyed은(는) #E08A1E: rgb(224 138 30), hsl(33 76% 50%), oklch(0.708 0.151 64.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sumac Dyed color name →
#E08A1E
oklch(0.708 0.151 64.9)
색상 변환
- HEX
- #e08a1e
- RGB
- rgb(224 138 30)
- HSL
- hsl(33 76% 50%)
- HWB
- hwb(33 12% 12%)
- OKLCH
- oklch(0.708 0.151 64.9)
- OKLab
- oklab(0.708 0.064 0.137)
- CIE Lab
- lab(65.66 28.47 65.33)
- LCH
- lch(65.66 71.26 66.5)
- CMYK
- cmyk(0% 38% 87% 12%)
틴트 · 셰이드 · 톤
틴트
- E49642
- E8A25B
- ECAE72
- EFBA87
- F2C69B
- F5D1AF
- F8DDC3
- FBE8D7
- FDF4EB
셰이드
- C37719
- A66513
- 8A530E
- 704209
- 563205
- 3E2203
- 271401
- 120700
- 020100
톤
- D78A33
- CD8941
- C4894C
- BA8856
- B1875F
- A78666
- 9E856D
- 948374
- 8A827A
색 조화
보색 +180°
- E08A1E
Sumac Dyed
- 3DA9F8
≈ Xed
유사색 -30° +30°
- E08A1E
Sumac Dyed
- EF7A5D
≈ Orange Daylily
- BE9F00
≈ Snakebite Leather
삼각 배색 +120° +240°
- E08A1E
Sumac Dyed
- 00BAAB
≈ Verditer
- B786EC
≈ Lavender Blossom
분열 보색 +150° +210°
- E08A1E
Sumac Dyed
- 00B4D1
≈ Aquarius
- 8697FE
≈ Periwinkle Blue
사각 배색 +90° +180° +270°
- E08A1E
Sumac Dyed
- 3EBC76
≈ Esmeralda
- 3DA9F8
≈ Xed
- D97AC6
≈ Purple Kush
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.68:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.82:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.82:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--sumac-dyed: #e08a1e;
--sumac-dyed-rgb: 224 138 30;
--sumac-dyed-oklch: oklch(0.708 0.151 64.9);
}
.element {
color: var(--sumac-dyed);
background-color: hsl(33 76% 50%);
border-color: oklch(0.708 0.151 64.9);
}Tailwind CSS v4
@theme {
--color-sumac-dyed: #e08a1e;
--color-sumac-dyed-50: #ffeec8;
--color-sumac-dyed-100: #ffdfb3;
--color-sumac-dyed-200: #ffc88e;
--color-sumac-dyed-300: #eba75e;
--color-sumac-dyed-400: #da8929;
--color-sumac-dyed-500: #c86b00;
--color-sumac-dyed-600: #a95b00;
--color-sumac-dyed-700: #874900;
--color-sumac-dyed-800: #663400;
--color-sumac-dyed-900: #472300;
--color-sumac-dyed-950: #2e1200;
}SCSS
$sumac-dyed: #e08a1e;
$sumac-dyed-rgb: 224, 138, 30;
$sumac-dyed-light: mix(#fff, $sumac-dyed, 20%);
$sumac-dyed-dark: mix(#000, $sumac-dyed, 20%);
.element {
color: $sumac-dyed;
box-shadow: 0 0 0 2px rgba($sumac-dyed, 0.35);
}