Couleur nommée la plus proche · #9C7C59
#9C7C59
Couleur nommée la plus proche: Guinea Pig
#9C7C59 (rgb(156 124 89), hsl(31 27% 48%), oklch(0.608 0.063 68.7)) est la plus proche de la couleur nommée Guinea Pig. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9C7C59
oklch(0.608 0.063 68.7)
Conversions de couleur
- HEX
- #9c7c59
- RGB
- rgb(156 124 89)
- HSL
- hsl(31 27% 48%)
- HWB
- hwb(31 35% 39%)
- OKLCH
- oklch(0.608 0.063 68.7)
- OKLab
- oklab(0.608 0.023 0.059)
- CIE Lab
- lab(54.5 9.26 24.08)
- LCH
- lch(54.5 25.8 69)
- CMYK
- cmyk(0% 21% 43% 39%)
Teintes · Ombres · Tons
Teintes
- A68869
- B09579
- B9A289
- C3AF99
- CDBCAA
- D7C9BA
- E1D6CB
- EBE4DC
- F5F1EE
Ombres
- 876B4C
- 735A40
- 5F4A34
- 4C3B28
- 392C1D
- 281E13
- 181109
- 090503
- 010100
Tons
- 997D5D
- 977D62
- 947E66
- 917E6A
- 8E7E6D
- 8C7F71
- 897F75
- 867F79
- 83807C
Harmonies de couleurs
Complémentaire +180°
- 9C7C59
Guinea Pig
- 6586A7
≈ Moody Indigo
Analogue -30° +30°
- 9C7C59
Guinea Pig
- A47667
≈ Toasted Nutmeg
- 8C8457
≈ Mountain Olive
Triadique +120° +240°
- 9C7C59
Guinea Pig
- 538F8A
≈ Sea Garden
- 8E79A0
≈ Pickled Purple
Complémentaire divisée +150° +210°
- 9C7C59
Guinea Pig
- 558C9C
≈ Stratford Blue
- 7A7FA9
≈ Roseine Plum
Tétradique +90° +180° +270°
- 9C7C59
Guinea Pig
- 618F75
≈ Sheffield
- 6586A7
≈ Moody Indigo
- 9D7490
≈ Rebel Rouser
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.85:1 · APCA Lc 66
Ag
AASur noir
WCAG 5.44:1 · APCA Lc 36
Meilleure couleur de texte: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Extraits de code
CSS
:root {
--guinea-pig: #9c7c59;
--guinea-pig-rgb: 156 124 89;
--guinea-pig-oklch: oklch(0.608 0.063 68.7);
}
.element {
color: var(--guinea-pig);
background-color: hsl(31 27% 48%);
border-color: oklch(0.608 0.063 68.7);
}Tailwind CSS v4
@theme {
--color-guinea-pig: #9c7c59;
--color-guinea-pig-50: #fff3e2;
--color-guinea-pig-100: #f6e5d2;
--color-guinea-pig-200: #e6d0b8;
--color-guinea-pig-300: #cdb295;
--color-guinea-pig-400: #b89876;
--color-guinea-pig-500: #a27f58;
--color-guinea-pig-600: #896b4b;
--color-guinea-pig-700: #6e563b;
--color-guinea-pig-800: #513e2a;
--color-guinea-pig-900: #392b1d;
--color-guinea-pig-950: #23180d;
}SCSS
$guinea-pig: #9c7c59;
$guinea-pig-rgb: 156, 124, 89;
$guinea-pig-light: mix(#fff, $guinea-pig, 20%);
$guinea-pig-dark: mix(#000, $guinea-pig, 20%);
.element {
color: $guinea-pig;
box-shadow: 0 0 0 2px rgba($guinea-pig, 0.35);
}