이름 색상 · #72664F
Adventurer
Adventurer은(는) #72664F: rgb(114 102 79), hsl(39 18% 38%), oklch(0.515 0.038 83.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Adventurer color name →
#72664F
oklch(0.515 0.038 83.5)
색상 변환
- HEX
- #72664f
- RGB
- rgb(114 102 79)
- HSL
- hsl(39 18% 38%)
- HWB
- hwb(39 31% 55%)
- OKLCH
- oklch(0.515 0.038 83.5)
- OKLab
- oklab(0.515 0.004 0.037)
- CIE Lab
- lab(43.86 2.07 14.88)
- LCH
- lch(43.86 15.03 82.1)
- CMYK
- cmyk(0% 11% 31% 55%)
틴트 · 셰이드 · 톤
틴트
- 7F745F
- 8D8370
- 9A9181
- A8A092
- B6B0A3
- C4BFB5
- D3CFC7
- E1DFD9
- F0EFEC
셰이드
- 625844
- 534A38
- 443C2E
- 362F23
- 282319
- 1B1710
- 0E0C07
- 040402
- 010000
톤
- 736954
- 756B59
- 766E5E
- 787063
- 797368
- 7A766C
- 7C7871
- 7D7B76
- 7F7D7B
색 조화
보색 +180°
- 72664F
Adventurer
- 5C687E
≈ Spinning Blue
유사색 -30° +30°
- 72664F
Adventurer
- 796253
≈ Traditional
- 676A51
≈ Siam
삼각 배색 +120° +240°
- 72664F
Adventurer
- 4E6E71
≈ Sequoia Lake
- 736174
≈ Purple Kasbah
분열 보색 +150° +210°
- 72664F
Adventurer
- 526C7A
≈ Morro Bay
- 68647C
≈ Swollen Sky
사각 배색 +90° +180° +270°
- 72664F
Adventurer
- 516F66
≈ Bridgewater
- 5C687E
≈ Spinning Blue
- 7A5F69
≈ Pretty Puce
대비 및 접근성
Ag
AA흰색 위
WCAG 5.63:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.72:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.63:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--adventurer: #72664f;
--adventurer-rgb: 114 102 79;
--adventurer-oklch: oklch(0.515 0.038 83.5);
}
.element {
color: var(--adventurer);
background-color: hsl(39 18% 38%);
border-color: oklch(0.515 0.038 83.5);
}Tailwind CSS v4
@theme {
--color-adventurer: #72664f;
--color-adventurer-50: #faf5e9;
--color-adventurer-100: #ede7da;
--color-adventurer-200: #dbd3c3;
--color-adventurer-300: #c0b6a2;
--color-adventurer-400: #a99d86;
--color-adventurer-500: #92846a;
--color-adventurer-600: #7c705a;
--color-adventurer-700: #635a48;
--color-adventurer-800: #494134;
--color-adventurer-900: #332d23;
--color-adventurer-950: #1e1a12;
}SCSS
$adventurer: #72664f;
$adventurer-rgb: 114, 102, 79;
$adventurer-light: mix(#fff, $adventurer, 20%);
$adventurer-dark: mix(#000, $adventurer, 20%);
.element {
color: $adventurer;
box-shadow: 0 0 0 2px rgba($adventurer, 0.35);
}