Colore con nome più vicino · #745D4D
#745D4D
Colore con nome più vicino: Baby Bear
#745D4D (rgb(116 93 77), hsl(25 20% 38%), oklch(0.497 0.039 56.5)) è più vicino al colore con nome Baby Bear. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#745D4D
oklch(0.497 0.039 56.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 816C5D
- 8F7B6E
- 9C8B7F
- AA9B90
- B8ABA2
- C6BBB4
- D4CCC6
- E2DDD9
- F0EEEC
Ombre
- 645042
- 544337
- 45372C
- 372A22
- 291F18
- 1B140F
- 0F0A07
- 050302
- 010000
Toni
- 756052
- 776457
- 78675C
- 796B61
- 7A6E66
- 7C726B
- 7D7571
- 7E7976
- 7F7C7B
Armonie di colore
Complementare +180°
- 745D4D
Baby Bear
- 4D6676
≈ Prairie Denim
Analogo -30° +30°
- 745D4D
Baby Bear
- 775A57
≈ Sequoia Dusk
- 6C6149
≈ Overgrown Trees
Triadico +120° +240°
- 745D4D
Baby Bear
- 4B6A62
≈ Riverbend
- 645E76
≈ Purple Passage
Complementare divisa +150° +210°
- 745D4D
Baby Bear
- 48696D
≈ Mythic Forest
- 586279
≈ Presumption
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.14:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.41:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
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);
}