En yakın adlandırılmış renk · #745D4D
#745D4D
En yakın adlandırılmış renk: Baby Bear
#745D4D (rgb(116 93 77), hsl(25 20% 38%), oklch(0.497 0.039 56.5)) en çok Baby Bear 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.
#745D4D
oklch(0.497 0.039 56.5)
Renk dönüşümleri
- HEX
- #745d4d
- RGB
- rgb(116 93 77)
- HSL
- hsl(25 20% 38%)
- HWB
- hwb(25 30% 55%)
- OKLCH
- oklch(0.497 0.039 56.5)
- OKLab
- oklab(0.497 0.021 0.032)
- CIE Lab
- lab(41.51 7.81 12.95)
- LCH
- lch(41.51 15.12 58.9)
- CMYK
- cmyk(0% 20% 34% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 816C5D
- 8F7B6E
- 9C8B7F
- AA9B90
- B8ABA2
- C6BBB4
- D4CCC6
- E2DDD9
- F0EEEC
Koyu tonlar
- 645042
- 544337
- 45372C
- 372A22
- 291F18
- 1B140F
- 0F0A07
- 050302
- 010000
Gri tonlar
- 756052
- 776457
- 78675C
- 796B61
- 7A6E66
- 7C726B
- 7D7571
- 7E7976
- 7F7C7B
Renk uyumları
Tamamlayıcı +180°
- 745D4D
Baby Bear
- 4D6676
≈ Prairie Denim
Analog -30° +30°
- 745D4D
Baby Bear
- 775A57
≈ Sequoia Dusk
- 6C6149
≈ Overgrown Trees
Üçlü +120° +240°
- 745D4D
Baby Bear
- 4B6A62
≈ Riverbend
- 645E76
≈ Purple Passage
Bölünmüş tamamlayıcı +150° +210°
- 745D4D
Baby Bear
- 48696D
≈ Mythic Forest
- 586279
≈ Presumption
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.14:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.41:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--baby-bear: #745d4d;
--baby-bear-rgb: 116 93 77;
--baby-bear-oklch: oklch(0.497 0.039 56.5);
}
.element {
color: var(--baby-bear);
background-color: hsl(25 20% 38%);
border-color: oklch(0.497 0.039 56.5);
}Tailwind CSS v4
@theme {
--color-baby-bear: #745d4d;
--color-baby-bear-50: #fef3ea;
--color-baby-bear-100: #f2e5db;
--color-baby-bear-200: #e2d1c4;
--color-baby-bear-300: #c7b3a4;
--color-baby-bear-400: #b19989;
--color-baby-bear-500: #9b806d;
--color-baby-bear-600: #836c5d;
--color-baby-bear-700: #69574a;
--color-baby-bear-800: #4d3f36;
--color-baby-bear-900: #362b25;
--color-baby-bear-950: #211913;
}SCSS
$baby-bear: #745d4d;
$baby-bear-rgb: 116, 93, 77;
$baby-bear-light: mix(#fff, $baby-bear, 20%);
$baby-bear-dark: mix(#000, $baby-bear, 20%);
.element {
color: $baby-bear;
box-shadow: 0 0 0 2px rgba($baby-bear, 0.35);
}