Adlandırılmış renk · #B96C46
Tufted Leather
Tufted Leather, #B96C46: rgb(185 108 70), hsl(20 45% 50%), oklch(0.609 0.111 46.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Tufted Leather color name →
#B96C46
oklch(0.609 0.111 46.2)
Renk dönüşümleri
- HEX
- #b96c46
- RGB
- rgb(185 108 70)
- HSL
- hsl(20 45% 50%)
- HWB
- hwb(20 27% 27%)
- OKLCH
- oklch(0.609 0.111 46.2)
- OKLab
- oklab(0.609 0.077 0.08)
- CIE Lab
- lab(53.94 28.88 34.82)
- LCH
- lch(53.94 45.24 50.3)
- CMYK
- cmyk(0% 42% 62% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C17B59
- C9896B
- D0987D
- D8A68F
- DFB5A1
- E6C3B4
- ECD2C6
- F3E1D9
- F9F0EC
Koyu tonlar
- A05D3C
- 894E32
- 714028
- 5B321E
- 462515
- 31190D
- 1E0D05
- 0D0402
- 020000
Gri tonlar
- B46F4D
- AF7154
- A9735A
- A47660
- 9E7865
- 99796B
- 937B70
- 8D7D76
- 867F7B
Renk uyumları
Tamamlayıcı +180°
- B96C46
Tufted Leather
- 1890B6
≈ Cool Tide
Analog -30° +30°
- B96C46
Tufted Leather
- BC656C
≈ Terra Rosa
- A97928
≈ Chai Tea
Üçlü +120° +240°
- B96C46
Tufted Leather
- 2C9874
≈ Ocean Green
- 7E78C2
≈ Ube
Bölünmüş tamamlayıcı +150° +210°
- B96C46
Tufted Leather
- 009697
≈ Intermezzo
- 5584C5
≈ Astro Nautico
Dörtlü +90° +180° +270°
- B96C46
Tufted Leather
- 63924C
≈ Field Time Green
- 1890B6
≈ Cool Tide
- 9D6DB0
≈ Crown Jewels
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.96:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.29:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.29:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--tufted-leather: #b96c46;
--tufted-leather-rgb: 185 108 70;
--tufted-leather-oklch: oklch(0.609 0.111 46.2);
}
.element {
color: var(--tufted-leather);
background-color: hsl(20 45% 50%);
border-color: oklch(0.609 0.111 46.2);
}Tailwind CSS v4
@theme {
--color-tufted-leather: #b96c46;
--color-tufted-leather-50: #ffecda;
--color-tufted-leather-100: #ffdec8;
--color-tufted-leather-200: #fdc7ab;
--color-tufted-leather-300: #e7a685;
--color-tufted-leather-400: #d58965;
--color-tufted-leather-500: #c16c42;
--color-tufted-leather-600: #a35c38;
--color-tufted-leather-700: #83492d;
--color-tufted-leather-800: #623520;
--color-tufted-leather-900: #452415;
--color-tufted-leather-950: #2c1207;
}SCSS
$tufted-leather: #b96c46;
$tufted-leather-rgb: 185, 108, 70;
$tufted-leather-light: mix(#fff, $tufted-leather, 20%);
$tufted-leather-dark: mix(#000, $tufted-leather, 20%);
.element {
color: $tufted-leather;
box-shadow: 0 0 0 2px rgba($tufted-leather, 0.35);
}