이름 색상 · #D17C3F
Orpiment Orange
Orpiment Orange은(는) #D17C3F: rgb(209 124 63), hsl(25 61% 53%), oklch(0.667 0.13 53.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Orpiment Orange color name →
#D17C3F
oklch(0.667 0.13 53.9)
색상 변환
- HEX
- #d17c3f
- RGB
- rgb(209 124 63)
- HSL
- hsl(25 61% 53%)
- HWB
- hwb(25 25% 18%)
- OKLCH
- oklch(0.667 0.13 53.9)
- OKLab
- oklab(0.667 0.077 0.105)
- CIE Lab
- lab(60.73 30.23 47.02)
- LCH
- lch(60.73 55.9 57.3)
- CMYK
- cmyk(0% 41% 70% 18%)
틴트 · 셰이드 · 톤
틴트
- D78955
- DC9768
- E1A47C
- E6B18E
- EBBEA1
- EFCBB4
- F4D8C6
- F8E5D9
- FBF2EC
셰이드
- B56B35
- 9B5A2C
- 814A23
- 683B1B
- 502C12
- 391E0A
- 231104
- 100501
- 020100
톤
- C97D48
- C27E50
- BA7F58
- B27F5E
- AA8065
- A2806B
- 9A8070
- 918076
- 89807B
색 조화
보색 +180°
- D17C3F
Orpiment Orange
- 24A0D7
≈ Blue Damselfly
유사색 -30° +30°
- D17C3F
Orpiment Orange
- D9726D
≈ Lantana
- BA8C1B
≈ Loden Yellow
삼각 배색 +120° +240°
- D17C3F
Orpiment Orange
- 00AD8E
≈ Hobgoblin
- 9983DC
≈ Indigo Bloom
분열 보색 +150° +210°
- D17C3F
Orpiment Orange
- 00A8B4
≈ Exotic Sea
- 6B92E4
≈ Guilliman Blue
사각 배색 +90° +180° +270°
- D17C3F
Orpiment Orange
- 5FA95F
≈ Exploration Green
- 24A0D7
≈ Blue Damselfly
- BB77C1
≈ Lavendless
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.15:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.66:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--orpiment-orange: #d17c3f;
--orpiment-orange-rgb: 209 124 63;
--orpiment-orange-oklch: oklch(0.667 0.13 53.9);
}
.element {
color: var(--orpiment-orange);
background-color: hsl(25 61% 53%);
border-color: oklch(0.667 0.13 53.9);
}Tailwind CSS v4
@theme {
--color-orpiment-orange: #d17c3f;
--color-orpiment-orange-50: #ffecd2;
--color-orpiment-orange-100: #ffdebf;
--color-orpiment-orange-200: #ffc69f;
--color-orpiment-orange-300: #eba675;
--color-orpiment-orange-400: #d9884f;
--color-orpiment-orange-500: #c66a1f;
--color-orpiment-orange-600: #a85a1d;
--color-orpiment-orange-700: #874817;
--color-orpiment-orange-800: #653311;
--color-orpiment-orange-900: #47230a;
--color-orpiment-orange-950: #2e1201;
}SCSS
$orpiment-orange: #d17c3f;
$orpiment-orange-rgb: 209, 124, 63;
$orpiment-orange-light: mix(#fff, $orpiment-orange, 20%);
$orpiment-orange-dark: mix(#000, $orpiment-orange, 20%);
.element {
color: $orpiment-orange;
box-shadow: 0 0 0 2px rgba($orpiment-orange, 0.35);
}