Adlandırılmış renk · #BB8811
Old Trail
Old Trail, #BB8811: rgb(187 136 17), hsl(42 83% 40%), oklch(0.66 0.132 81.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Old Trail color name →
#BB8811
oklch(0.66 0.132 81.1)
Renk dönüşümleri
- HEX
- #bb8811
- RGB
- rgb(187 136 17)
- HSL
- hsl(42 83% 40%)
- HWB
- hwb(42 7% 27%)
- OKLCH
- oklch(0.66 0.132 81.1)
- OKLab
- oklab(0.66 0.021 0.131)
- CIE Lab
- lab(60.55 13.41 62.35)
- LCH
- lch(60.55 63.78 77.9)
- CMYK
- cmyk(0% 27% 91% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C2943A
- C9A054
- D0AC6B
- D7B881
- DEC397
- E4CFAC
- EBDBC0
- F2E7D5
- F8F3EA
Koyu tonlar
- A2750D
- 8A6309
- 735206
- 5C4104
- 463102
- 322201
- 1F1300
- 0D0600
- 020100
Gri tonlar
- B5882B
- AF873A
- A98747
- A48651
- 9E855A
- 988463
- 92836B
- 8C8272
- 868179
Renk uyumları
Tamamlayıcı +180°
- BB8811
Old Trail
- 6391E3
≈ United Nations Blue
Analog -30° +30°
- BB8811
Old Trail
- D1783F
≈ Marquis Orange
- 969925
≈ Papyrus
Üçlü +120° +240°
- BB8811
Old Trail
- 00A6AE
≈ Blue Bolero
- B775C3
≈ Lavendless
Bölünmüş tamamlayıcı +150° +210°
- BB8811
Old Trail
- 049FD4
≈ Structural Blue
- 9382DC
≈ Indigo Bloom
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.16:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.64:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.64:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--old-trail: #bb8811;
--old-trail-rgb: 187 136 17;
--old-trail-oklch: oklch(0.66 0.132 81.1);
}
.element {
color: var(--old-trail);
background-color: hsl(42 83% 40%);
border-color: oklch(0.66 0.132 81.1);
}Tailwind CSS v4
@theme {
--color-old-trail: #bb8811;
--color-old-trail-50: #fff3cb;
--color-old-trail-100: #fee5b6;
--color-old-trail-200: #f0d093;
--color-old-trail-300: #d8b164;
--color-old-trail-400: #c69533;
--color-old-trail-500: #b27a00;
--color-old-trail-600: #966800;
--color-old-trail-700: #795300;
--color-old-trail-800: #5a3c00;
--color-old-trail-900: #3f2900;
--color-old-trail-950: #281600;
}SCSS
$old-trail: #bb8811;
$old-trail-rgb: 187, 136, 17;
$old-trail-light: mix(#fff, $old-trail, 20%);
$old-trail-dark: mix(#000, $old-trail, 20%);
.element {
color: $old-trail;
box-shadow: 0 0 0 2px rgba($old-trail, 0.35);
}