En yakın adlandırılmış renk · #846042
#846042
En yakın adlandırılmış renk: Man Cave
#846042 (rgb(132 96 66), hsl(27 33% 39%), oklch(0.519 0.064 60.5)) en çok Man Cave 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.
#846042
oklch(0.519 0.064 60.5)
Renk dönüşümleri
- HEX
- #846042
- RGB
- rgb(132 96 66)
- HSL
- hsl(27 33% 39%)
- HWB
- hwb(27 26% 48%)
- OKLCH
- oklch(0.519 0.064 60.5)
- OKLab
- oklab(0.519 0.032 0.056)
- CIE Lab
- lab(44.02 12.27 23.14)
- LCH
- lch(44.02 26.19 62.1)
- CMYK
- cmyk(0% 27% 50% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 906F54
- 9C7E66
- A88D78
- B49D8A
- C1AD9D
- CDBDB0
- D9CDC3
- E6DDD7
- F2EEEB
Koyu tonlar
- 725238
- 60452F
- 4F3825
- 3F2C1C
- 2F2014
- 20150B
- 120A05
- 060301
- 010000
Gri tonlar
- 846349
- 84674F
- 836A55
- 836D5B
- 837062
- 827368
- 82776E
- 817A74
- 817D7A
Renk uyumları
Tamamlayıcı +180°
- 846042
Man Cave
- 456E8A
≈ Sojourn Blue
Analog -30° +30°
- 846042
Man Cave
- 8A5B52
≈ Raspberry Truffle
- 77673C
≈ Nutria
Üçlü +120° +240°
- 846042
Man Cave
- 3A756A
≈ Green Sleeves
- 6E6088
≈ Posy Purple
Bölünmüş tamamlayıcı +150° +210°
- 846042
Man Cave
- 37737D
≈ Grand Rapids
- 5A678E
≈ Allegiance
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.62:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.73:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--man-cave: #846042;
--man-cave-rgb: 132 96 66;
--man-cave-oklch: oklch(0.519 0.064 60.5);
}
.element {
color: var(--man-cave);
background-color: hsl(27 33% 39%);
border-color: oklch(0.519 0.064 60.5);
}Tailwind CSS v4
@theme {
--color-man-cave: #846042;
--color-man-cave-50: #fff2e3;
--color-man-cave-100: #f8e4d3;
--color-man-cave-200: #e9cfb9;
--color-man-cave-300: #d0b196;
--color-man-cave-400: #bb9678;
--color-man-cave-500: #a67c5a;
--color-man-cave-600: #8c694d;
--color-man-cave-700: #70543d;
--color-man-cave-800: #533d2c;
--color-man-cave-900: #3a2a1e;
--color-man-cave-950: #24170e;
}SCSS
$man-cave: #846042;
$man-cave-rgb: 132, 96, 66;
$man-cave-light: mix(#fff, $man-cave, 20%);
$man-cave-dark: mix(#000, $man-cave, 20%);
.element {
color: $man-cave;
box-shadow: 0 0 0 2px rgba($man-cave, 0.35);
}