이름 색상 · #816045

Man Cave

Man Cave은(는) #816045: rgb(129 96 69), hsl(27 30% 39%), oklch(0.516 0.059 60.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Brown mean? → · Man Cave color name →

#816045

oklch(0.516 0.059 60.3)

색상 변환

HEX: #816045
RGB: rgb(129 96 69)
HSL: hsl(27 30% 39%)
HWB: hwb(27 27% 49%)
OKLCH: oklch(0.516 0.059 60.3)
OKLab: oklab(0.516 0.029 0.051)
CIE Lab: lab(43.7 11.16 20.91)
LCH: lch(43.7 23.7 61.9)
CMYK: cmyk(0% 26% 47% 49%)

틴트 · 셰이드 · 톤

틴트

8D6F56
9A7E68
A68D7A
B29D8C
BFAD9E
CCBDB1
D8CDC4
E5DDD7
F2EEEB

셰이드

6F523B
5E4531
4E3827
3E2C1E
2E2015
1F150C
120A05
060302
010000

톤

81634B
816751
816A57
816D5D
817063
817369
81776F
817A74
807D7A

색 조화

보색 +180°

816045
Man Cave
486D86
≈ Blue Loneliness

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 5.68:1 · APCA Lc 78

검은색 위

WCAG 3.69:1 · APCA Lc 23

Fail

가장 좋은 글자색: #FFFFFF

WCAG 5.68:1 (AA) · APCA Lc 78

Contrast pairs

코드 스니펫

CSS

:root {
  --man-cave: #816045;
  --man-cave-rgb: 129 96 69;
  --man-cave-oklch: oklch(0.516 0.059 60.3);
}

.element {
  color: var(--man-cave);
  background-color: hsl(27 30% 39%);
  border-color: oklch(0.516 0.059 60.3);
}

Tailwind CSS v4

@theme {
  --color-man-cave: #816045;
  --color-man-cave-50: #fff2e5;
  --color-man-cave-100: #f7e4d4;
  --color-man-cave-200: #e7cfbb;
  --color-man-cave-300: #ceb199;
  --color-man-cave-400: #b9977c;
  --color-man-cave-500: #a37d5e;
  --color-man-cave-600: #8a6a50;
  --color-man-cave-700: #6f5540;
  --color-man-cave-800: #523d2e;
  --color-man-cave-900: #392a1f;
  --color-man-cave-950: #23180f;
}

SCSS

$man-cave: #816045;
$man-cave-rgb: 129, 96, 69;
$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);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API