Couleur nommée la plus proche · #974839
#974839
Couleur nommée la plus proche: Mature Cognac
#974839 (rgb(151 72 57), hsl(10 45% 41%), oklch(0.499 0.11 32.2)) est la plus proche de la couleur nommée Mature Cognac. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#974839
oklch(0.499 0.11 32.2)
Conversions de couleur
- HEX
- #974839
- RGB
- rgb(151 72 57)
- HSL
- hsl(10 45% 41%)
- HWB
- hwb(10 22% 41%)
- OKLCH
- oklch(0.499 0.11 32.2)
- OKLab
- oklab(0.499 0.093 0.058)
- CIE Lab
- lab(40.86 32.91 25.22)
- LCH
- lch(40.86 41.47 37.5)
- CMYK
- cmyk(0% 52% 62% 41%)
Teintes · Ombres · Tons
Teintes
- A35A4C
- AE6C5E
- B97E71
- C49085
- CEA298
- D8B4AC
- E2C6C0
- ECD9D5
- F6ECEA
Ombres
- 833D30
- 6F3328
- 5C291F
- 491F17
- 371610
- 260D09
- 170604
- 080201
- 010000
Tons
- 964E41
- 945548
- 935A4F
- 916056
- 8F665D
- 8C6B64
- 8A716B
- 877672
- 847B79
Harmonies de couleurs
Complémentaire +180°
- 974839
Mature Cognac
- 006F80
≈ Coastal Jetty
Analogue -30° +30°
- 974839
Mature Cognac
- 94455E
≈ Raspberry Pudding
- 8E520C
≈ Plain Old Brown
Triadique +120° +240°
- 974839
Mature Cognac
- 257443
≈ Felt
- 4E5DA1
≈ Purple Frenzy
Complémentaire divisée +150° +210°
- 974839
Mature Cognac
- 007367
≈ Pharaoh’s Gem
- 16699B
≈ Jazz Blue
Tétradique +90° +180° +270°
- 974839
Mature Cognac
- 586C18
≈ Bowser Shell
- 006F80
≈ Coastal Jetty
- 6F5296
≈ Parfait d’Amour
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.35:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.30:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--mature-cognac: #974839;
--mature-cognac-rgb: 151 72 57;
--mature-cognac-oklch: oklch(0.499 0.11 32.2);
}
.element {
color: var(--mature-cognac);
background-color: hsl(10 45% 41%);
border-color: oklch(0.499 0.11 32.2);
}Tailwind CSS v4
@theme {
--color-mature-cognac: #974839;
--color-mature-cognac-50: #ffebe1;
--color-mature-cognac-100: #ffdcd0;
--color-mature-cognac-200: #ffc4b6;
--color-mature-cognac-300: #eaa392;
--color-mature-cognac-400: #d78675;
--color-mature-cognac-500: #c46856;
--color-mature-cognac-600: #a5594a;
--color-mature-cognac-700: #85473b;
--color-mature-cognac-800: #63332b;
--color-mature-cognac-900: #45221d;
--color-mature-cognac-950: #2d110d;
}SCSS
$mature-cognac: #974839;
$mature-cognac-rgb: 151, 72, 57;
$mature-cognac-light: mix(#fff, $mature-cognac, 20%);
$mature-cognac-dark: mix(#000, $mature-cognac, 20%);
.element {
color: $mature-cognac;
box-shadow: 0 0 0 2px rgba($mature-cognac, 0.35);
}