이름 색상 · #DC8A30
Status Bronze
Status Bronze은(는) #DC8A30: rgb(220 138 48), hsl(31 71% 53%), oklch(0.704 0.141 63.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Status Bronze color name →
#DC8A30
oklch(0.704 0.141 63.5)
색상 변환
- HEX
- #dc8a30
- RGB
- rgb(220 138 48)
- HSL
- hsl(31 71% 53%)
- HWB
- hwb(31 19% 14%)
- OKLCH
- oklch(0.704 0.141 63.5)
- OKLab
- oklab(0.704 0.063 0.126)
- CIE Lab
- lab(65.22 27.18 58.57)
- LCH
- lch(65.22 64.57 65.1)
- CMYK
- cmyk(0% 37% 78% 14%)
틴트 · 셰이드 · 톤
틴트
- E0964B
- E5A262
- E9AE77
- ECBA8B
- F0C59F
- F3D1B2
- F7DCC5
- FAE8D9
- FCF3EC
셰이드
- BF7728
- A36521
- 88531A
- 6E4213
- 54320C
- 3C2206
- 261403
- 110701
- 020100
톤
- D38A3E
- CA8949
- C18852
- B8885B
- AF8762
- A68669
- 9C846F
- 938375
- 8A827B
색 조화
보색 +180°
- DC8A30
Status Bronze
- 42A8F0
≈ Cerulean
유사색 -30° +30°
- DC8A30
Status Bronze
- EA7C64
≈ Cool Lava
- BD9D10
≈ Perennial
삼각 배색 +120° +240°
- DC8A30
Status Bronze
- 00B8A8
≈ Verditer
- B288E7
≈ Lavender Blossom
분열 보색 +150° +210°
- DC8A30
Status Bronze
- 00B3CE
≈ Aquarius
- 8498F7
≈ Periwinkle Blue
사각 배색 +90° +180° +270°
- DC8A30
Status Bronze
- 4BB975
≈ Ceramic Green
- 42A8F0
≈ Cerulean
- D37CC4
≈ Purple Kush
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.71:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.72:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.72:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--status-bronze: #dc8a30;
--status-bronze-rgb: 220 138 48;
--status-bronze-oklch: oklch(0.704 0.141 63.5);
}
.element {
color: var(--status-bronze);
background-color: hsl(31 71% 53%);
border-color: oklch(0.704 0.141 63.5);
}Tailwind CSS v4
@theme {
--color-status-bronze: #dc8a30;
--color-status-bronze-50: #ffeecb;
--color-status-bronze-100: #ffdfb7;
--color-status-bronze-200: #fec894;
--color-status-bronze-300: #e9a866;
--color-status-bronze-400: #d88a38;
--color-status-bronze-500: #c56d00;
--color-status-bronze-600: #a65d00;
--color-status-bronze-700: #864a00;
--color-status-bronze-800: #643500;
--color-status-bronze-900: #462400;
--color-status-bronze-950: #2e1200;
}SCSS
$status-bronze: #dc8a30;
$status-bronze-rgb: 220, 138, 48;
$status-bronze-light: mix(#fff, $status-bronze, 20%);
$status-bronze-dark: mix(#000, $status-bronze, 20%);
.element {
color: $status-bronze;
box-shadow: 0 0 0 2px rgba($status-bronze, 0.35);
}