Adlandırılmış renk · #B5745C
Weathered Saddle
Weathered Saddle, #B5745C: rgb(181 116 92), hsl(16 38% 54%), oklch(0.622 0.09 41). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Weathered Saddle color name →
#B5745C
oklch(0.622 0.09 41)
Renk dönüşümleri
- HEX
- #b5745c
- RGB
- rgb(181 116 92)
- HSL
- hsl(16 38% 54%)
- HWB
- hwb(16 36% 29%)
- OKLCH
- oklch(0.622 0.09 41)
- OKLab
- oklab(0.622 0.068 0.059)
- CIE Lab
- lab(55.53 24.36 24.42)
- LCH
- lch(55.53 34.49 45.1)
- CMYK
- cmyk(0% 36% 49% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BD826C
- C58F7B
- CD9D8B
- D4AA9B
- DCB8AB
- E3C6BC
- EAD4CC
- F1E2DD
- F8F1EE
Koyu tonlar
- 9D644F
- 865442
- 6F4536
- 59372A
- 44291F
- 301B14
- 1D0F0A
- 0C0503
- 020100
Gri tonlar
- B07660
- AB7764
- A67868
- A17A6B
- 9C7B6F
- 967C72
- 917D76
- 8C7E79
- 867F7D
Renk uyumları
Tamamlayıcı +180°
- B5745C
Weathered Saddle
- 3E93AD
≈ Enchanted Well
Analog -30° +30°
- B5745C
Weathered Saddle
- B67079
≈ Dusty Rose
- A97D47
≈ Tosty Crust
Üçlü +120° +240°
- B5745C
Weathered Saddle
- 519875
≈ Fake Fern
- 7D80BC
≈ Deep Periwinkle
Bölünmüş tamamlayıcı +150° +210°
- B5745C
Weathered Saddle
- 369894
≈ Sea
- 5D8ABB
≈ Danube
Dörtlü +90° +180° +270°
- B5745C
Weathered Saddle
- 749258
≈ Piquant Green
- 3E93AD
≈ Enchanted Well
- 9877AF
≈ Lavender Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.73:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.61:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.61:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--weathered-saddle: #b5745c;
--weathered-saddle-rgb: 181 116 92;
--weathered-saddle-oklch: oklch(0.622 0.09 41);
}
.element {
color: var(--weathered-saddle);
background-color: hsl(16 38% 54%);
border-color: oklch(0.622 0.09 41);
}Tailwind CSS v4
@theme {
--color-weathered-saddle: #b5745c;
--color-weathered-saddle-50: #ffeee1;
--color-weathered-saddle-100: #ffdfd1;
--color-weathered-saddle-200: #f7c9b6;
--color-weathered-saddle-300: #e0a993;
--color-weathered-saddle-400: #cc8d75;
--color-weathered-saddle-500: #b87157;
--color-weathered-saddle-600: #9c604a;
--color-weathered-saddle-700: #7d4d3b;
--color-weathered-saddle-800: #5d372b;
--color-weathered-saddle-900: #41261d;
--color-weathered-saddle-950: #2a140d;
}SCSS
$weathered-saddle: #b5745c;
$weathered-saddle-rgb: 181, 116, 92;
$weathered-saddle-light: mix(#fff, $weathered-saddle, 20%);
$weathered-saddle-dark: mix(#000, $weathered-saddle, 20%);
.element {
color: $weathered-saddle;
box-shadow: 0 0 0 2px rgba($weathered-saddle, 0.35);
}