En yakın adlandırılmış renk · #BA5C2B
#BA5C2B
En yakın adlandırılmış renk: Fallen Canopy
#BA5C2B (rgb(186 92 43), hsl(21 62% 45%), oklch(0.58 0.136 45.7)) en çok Fallen Canopy adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#BA5C2B
oklch(0.58 0.136 45.7)
Renk dönüşümleri
- HEX
- #ba5c2b
- RGB
- rgb(186 92 43)
- HSL
- hsl(21 62% 45%)
- HWB
- hwb(21 17% 27%)
- OKLCH
- oklch(0.58 0.136 45.7)
- OKLab
- oklab(0.58 0.095 0.097)
- CIE Lab
- lab(50.39 36.37 45.06)
- LCH
- lch(50.39 57.9 51.1)
- CMYK
- cmyk(0% 51% 77% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C26D43
- CA7D59
- D28D6D
- D99D82
- E1AE96
- E7BEAB
- EECEC0
- F4DED5
- FAEFEA
Koyu tonlar
- A14F24
- 89421D
- 723616
- 5C2A10
- 461F0A
- 321405
- 1E0A02
- 0D0301
- 020000
Gri tonlar
- B56137
- B06541
- AB694A
- A56D53
- A0715B
- 9A7463
- 94776A
- 8E7A72
- 877D79
Renk uyumları
Tamamlayıcı +180°
- BA5C2B
Fallen Canopy
- 0087AC
≈ Lyrebird
Analog -30° +30°
- BA5C2B
Fallen Canopy
- BD535F
≈ Hibiscus Flower
- A36E00
≈ Golden Hind
Üçlü +120° +240°
- BA5C2B
Fallen Canopy
- 009069
≈ Sea Swell
- 746CC7
≈ Purple Toolbox
Bölünmüş tamamlayıcı +150° +210°
- BA5C2B
Fallen Canopy
- 008C8D
≈ Egyptian Teal
- 3E7BC9
≈ Heirloom Hydrangea
Dörtlü +90° +180° +270°
- BA5C2B
Fallen Canopy
- 538C32
≈ Football Pitch
- 0087AC
≈ Lyrebird
- 995EB0
≈ Lusty Lavender
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--fallen-canopy: #ba5c2b;
--fallen-canopy-rgb: 186 92 43;
--fallen-canopy-oklch: oklch(0.58 0.136 45.7);
}
.element {
color: var(--fallen-canopy);
background-color: hsl(21 62% 45%);
border-color: oklch(0.58 0.136 45.7);
}Tailwind CSS v4
@theme {
--color-fallen-canopy: #ba5c2b;
--color-fallen-canopy-50: #ffead4;
--color-fallen-canopy-100: #ffdbc1;
--color-fallen-canopy-200: #ffc3a2;
--color-fallen-canopy-300: #f1a279;
--color-fallen-canopy-400: #e08356;
--color-fallen-canopy-500: #cd642c;
--color-fallen-canopy-600: #ad5527;
--color-fallen-canopy-700: #8b441f;
--color-fallen-canopy-800: #683016;
--color-fallen-canopy-900: #49210e;
--color-fallen-canopy-950: #301002;
}SCSS
$fallen-canopy: #ba5c2b;
$fallen-canopy-rgb: 186, 92, 43;
$fallen-canopy-light: mix(#fff, $fallen-canopy, 20%);
$fallen-canopy-dark: mix(#000, $fallen-canopy, 20%);
.element {
color: $fallen-canopy;
box-shadow: 0 0 0 2px rgba($fallen-canopy, 0.35);
}