En yakın adlandırılmış renk · #9C7C59
#9C7C59
En yakın adlandırılmış renk: Guinea Pig
#9C7C59 (rgb(156 124 89), hsl(31 27% 48%), oklch(0.608 0.063 68.7)) en çok Guinea Pig adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#9C7C59
oklch(0.608 0.063 68.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A68869
- B09579
- B9A289
- C3AF99
- CDBCAA
- D7C9BA
- E1D6CB
- EBE4DC
- F5F1EE
Koyu tonlar
- 876B4C
- 735A40
- 5F4A34
- 4C3B28
- 392C1D
- 281E13
- 181109
- 090503
- 010100
Gri tonlar
- 997D5D
- 977D62
- 947E66
- 917E6A
- 8E7E6D
- 8C7F71
- 897F75
- 867F79
- 83807C
Renk uyumları
Tamamlayıcı +180°
- 9C7C59
Guinea Pig
- 6586A7
≈ Moody Indigo
Analog -30° +30°
- 9C7C59
Guinea Pig
- A47667
≈ Toasted Nutmeg
- 8C8457
≈ Mountain Olive
Üçlü +120° +240°
- 9C7C59
Guinea Pig
- 538F8A
≈ Sea Garden
- 8E79A0
≈ Pickled Purple
Bölünmüş tamamlayıcı +150° +210°
- 9C7C59
Guinea Pig
- 558C9C
≈ Stratford Blue
- 7A7FA9
≈ Roseine Plum
Dörtlü +90° +180° +270°
- 9C7C59
Guinea Pig
- 618F75
≈ Sheffield
- 6586A7
≈ Moody Indigo
- 9D7490
≈ Rebel Rouser
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.85:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.44:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
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);
}