Màu có tên · #DC8A30
Status Bronze
Status Bronze là #DC8A30: rgb(220 138 48), hsl(31 71% 53%), oklch(0.704 0.141 63.5). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Status Bronze color name →
#DC8A30
oklch(0.704 0.141 63.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E0964B
- E5A262
- E9AE77
- ECBA8B
- F0C59F
- F3D1B2
- F7DCC5
- FAE8D9
- FCF3EC
Sắc đậm
- BF7728
- A36521
- 88531A
- 6E4213
- 54320C
- 3C2206
- 261403
- 110701
- 020100
Sắc xám
- D38A3E
- CA8949
- C18852
- B8885B
- AF8762
- A68669
- 9C846F
- 938375
- 8A827B
Hòa sắc
Bổ túc +180°
- DC8A30
Status Bronze
- 42A8F0
≈ Cerulean
Tương đồng -30° +30°
- DC8A30
Status Bronze
- EA7C64
≈ Cool Lava
- BD9D10
≈ Perennial
Bộ ba +120° +240°
- DC8A30
Status Bronze
- 00B8A8
≈ Verditer
- B288E7
≈ Lavender Blossom
Bổ túc chia +150° +210°
- DC8A30
Status Bronze
- 00B3CE
≈ Aquarius
- 8498F7
≈ Periwinkle Blue
Bộ bốn +90° +180° +270°
- DC8A30
Status Bronze
- 4BB975
≈ Ceramic Green
- 42A8F0
≈ Cerulean
- D37CC4
≈ Purple Kush
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.71:1 · APCA Lc 52
Ag
AAATrên nền đen
WCAG 7.72:1 · APCA Lc 50
Màu chữ tốt nhất: #000000
WCAG 7.72:1 (AAA) · APCA Lc 50
Contrast pairs
Đoạn mã
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);
}