Adlandırılmış renk · #DC8A30
Status Bronze
Status Bronze, #DC8A30: rgb(220 138 48), hsl(31 71% 53%), oklch(0.704 0.141 63.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Status Bronze color name →
#DC8A30
oklch(0.704 0.141 63.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0964B
- E5A262
- E9AE77
- ECBA8B
- F0C59F
- F3D1B2
- F7DCC5
- FAE8D9
- FCF3EC
Koyu tonlar
- BF7728
- A36521
- 88531A
- 6E4213
- 54320C
- 3C2206
- 261403
- 110701
- 020100
Gri tonlar
- D38A3E
- CA8949
- C18852
- B8885B
- AF8762
- A68669
- 9C846F
- 938375
- 8A827B
Renk uyumları
Tamamlayıcı +180°
- DC8A30
Status Bronze
- 42A8F0
≈ Cerulean
Analog -30° +30°
- DC8A30
Status Bronze
- EA7C64
≈ Cool Lava
- BD9D10
≈ Perennial
Üçlü +120° +240°
- DC8A30
Status Bronze
- 00B8A8
≈ Verditer
- B288E7
≈ Lavender Blossom
Bölünmüş tamamlayıcı +150° +210°
- DC8A30
Status Bronze
- 00B3CE
≈ Aquarius
- 8498F7
≈ Periwinkle Blue
Dörtlü +90° +180° +270°
- DC8A30
Status Bronze
- 4BB975
≈ Ceramic Green
- 42A8F0
≈ Cerulean
- D37CC4
≈ Purple Kush
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.71:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.72:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.72:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
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);
}