Couleur nommée la plus proche · #846042
#846042
Couleur nommée la plus proche: Man Cave
#846042 (rgb(132 96 66), hsl(27 33% 39%), oklch(0.519 0.064 60.5)) est la plus proche de la couleur nommée Man Cave. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#846042
oklch(0.519 0.064 60.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 906F54
- 9C7E66
- A88D78
- B49D8A
- C1AD9D
- CDBDB0
- D9CDC3
- E6DDD7
- F2EEEB
Ombres
- 725238
- 60452F
- 4F3825
- 3F2C1C
- 2F2014
- 20150B
- 120A05
- 060301
- 010000
Tons
- 846349
- 84674F
- 836A55
- 836D5B
- 837062
- 827368
- 82776E
- 817A74
- 817D7A
Harmonies de couleurs
Complémentaire +180°
- 846042
Man Cave
- 456E8A
≈ Sojourn Blue
Analogue -30° +30°
- 846042
Man Cave
- 8A5B52
≈ Raspberry Truffle
- 77673C
≈ Nutria
Triadique +120° +240°
- 846042
Man Cave
- 3A756A
≈ Green Sleeves
- 6E6088
≈ Posy Purple
Complémentaire divisée +150° +210°
- 846042
Man Cave
- 37737D
≈ Grand Rapids
- 5A678E
≈ Allegiance
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.62:1 · APCA Lc 78
Ag
FailSur noir
WCAG 3.73:1 · APCA Lc 24
Meilleure couleur de texte: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 78
Contrast pairs
Extraits de code
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);
}