Couleur nommée la plus proche · #975F38
#975F38
Couleur nommée la plus proche: Gingerbread Crumble
#975F38 (rgb(151 95 56), hsl(25 46% 41%), oklch(0.539 0.091 54.4)) est la plus proche de la couleur nommée Gingerbread Crumble. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#975F38
oklch(0.539 0.091 54.4)
Conversions de couleur
- HEX
- #975f38
- RGB
- rgb(151 95 56)
- HSL
- hsl(25 46% 41%)
- HWB
- hwb(25 22% 41%)
- OKLCH
- oklch(0.539 0.091 54.4)
- OKLab
- oklab(0.539 0.053 0.074)
- CIE Lab
- lab(46.08 20.62 31.95)
- LCH
- lch(46.08 38.03 57.2)
- CMYK
- cmyk(0% 37% 63% 41%)
Teintes · Ombres · Tons
Teintes
- A26E4C
- AC7E5F
- B78D72
- C29D86
- CCAD99
- D6BDAD
- E1CDC1
- EBDED5
- F5EEEA
Ombres
- 83522F
- 6F4427
- 5C381F
- 492C17
- 37200F
- 261508
- 170A04
- 080301
- 010000
Tons
- 956340
- 936648
- 916A50
- 8F6D57
- 8D705E
- 8B7465
- 88776C
- 867A73
- 837D79
Harmonies de couleurs
Complémentaire +180°
- 975F38
Gingerbread Crumble
- 2F779B
≈ Male Betta
Analogue -30° +30°
- 975F38
Gingerbread Crumble
- 9C5854
≈ Walleye
- 876A28
≈ Aged Antics
Triadique +120° +240°
- 975F38
Gingerbread Crumble
- 237F6B
≈ Green Fingers
- 72639E
≈ Scampi
Complémentaire divisée +150° +210°
- 975F38
Gingerbread Crumble
- 057D87
≈ Caribe
- 546DA3
≈ Chesty Bond
Tétradique +90° +180° +270°
- 975F38
Gingerbread Crumble
- 4C7C4C
≈ Melbourne
- 2F779B
≈ Male Betta
- 895B8C
≈ Ancient Murasaki Purple
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.23:1 · APCA Lc 76
Ag
FailSur noir
WCAG 4.00:1 · APCA Lc 26
Meilleure couleur de texte: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--gingerbread-crumble: #975f38;
--gingerbread-crumble-rgb: 151 95 56;
--gingerbread-crumble-oklch: oklch(0.539 0.091 54.4);
}
.element {
color: var(--gingerbread-crumble);
background-color: hsl(25 46% 41%);
border-color: oklch(0.539 0.091 54.4);
}Tailwind CSS v4
@theme {
--color-gingerbread-crumble: #975f38;
--color-gingerbread-crumble-50: #ffefdd;
--color-gingerbread-crumble-100: #ffe1cb;
--color-gingerbread-crumble-200: #f3cbaf;
--color-gingerbread-crumble-300: #dcac8a;
--color-gingerbread-crumble-400: #c9906a;
--color-gingerbread-crumble-500: #b57549;
--color-gingerbread-crumble-600: #99633f;
--color-gingerbread-crumble-700: #7a4f32;
--color-gingerbread-crumble-800: #5b3923;
--color-gingerbread-crumble-900: #402718;
--color-gingerbread-crumble-950: #291509;
}SCSS
$gingerbread-crumble: #975f38;
$gingerbread-crumble-rgb: 151, 95, 56;
$gingerbread-crumble-light: mix(#fff, $gingerbread-crumble, 20%);
$gingerbread-crumble-dark: mix(#000, $gingerbread-crumble, 20%);
.element {
color: $gingerbread-crumble;
box-shadow: 0 0 0 2px rgba($gingerbread-crumble, 0.35);
}