Couleur nommée la plus proche · #745D4D
#745D4D
Couleur nommée la plus proche: Baby Bear
#745D4D (rgb(116 93 77), hsl(25 20% 38%), oklch(0.497 0.039 56.5)) est la plus proche de la couleur nommée Baby Bear. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#745D4D
oklch(0.497 0.039 56.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 816C5D
- 8F7B6E
- 9C8B7F
- AA9B90
- B8ABA2
- C6BBB4
- D4CCC6
- E2DDD9
- F0EEEC
Ombres
- 645042
- 544337
- 45372C
- 372A22
- 291F18
- 1B140F
- 0F0A07
- 050302
- 010000
Tons
- 756052
- 776457
- 78675C
- 796B61
- 7A6E66
- 7C726B
- 7D7571
- 7E7976
- 7F7C7B
Harmonies de couleurs
Complémentaire +180°
- 745D4D
Baby Bear
- 4D6676
≈ Prairie Denim
Analogue -30° +30°
- 745D4D
Baby Bear
- 775A57
≈ Sequoia Dusk
- 6C6149
≈ Overgrown Trees
Triadique +120° +240°
- 745D4D
Baby Bear
- 4B6A62
≈ Riverbend
- 645E76
≈ Purple Passage
Complémentaire divisée +150° +210°
- 745D4D
Baby Bear
- 48696D
≈ Mythic Forest
- 586279
≈ Presumption
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.14:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.41:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
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);
}