이름 색상 · #926A46
Barcelona Brown
Barcelona Brown은(는) #926A46: rgb(146 106 70), hsl(28 35% 42%), oklch(0.557 0.072 62.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Barcelona Brown color name →
#926A46
oklch(0.557 0.072 62.5)
색상 변환
- HEX
- #926a46
- RGB
- rgb(146 106 70)
- HSL
- hsl(28 35% 42%)
- HWB
- hwb(28 27% 43%)
- OKLCH
- oklch(0.557 0.072 62.5)
- OKLab
- oklab(0.557 0.033 0.064)
- CIE Lab
- lab(48.38 13.23 26.73)
- LCH
- lch(48.38 29.83 63.7)
- CMYK
- cmyk(0% 27% 52% 43%)
틴트 · 셰이드 · 톤
틴트
- 9D7858
- A8866A
- B3957B
- BDA48E
- C8B2A0
- D3C1B2
- DED0C5
- E9E0D8
- F4EFEB
셰이드
- 7E5B3C
- 6B4D32
- 583F28
- 46311E
- 352415
- 25180D
- 160D05
- 080402
- 010000
톤
- 906C4C
- 8F6F53
- 8D7159
- 8C735E
- 8A7564
- 88786A
- 867A6F
- 847C75
- 827E7B
색 조화
보색 +180°
- 926A46
Barcelona Brown
- 4C799B
≈ Antarctic Blue
유사색 -30° +30°
- 926A46
Barcelona Brown
- 996458
≈ Aged Bourbon
- 827240
≈ Italian Olive
삼각 배색 +120° +240°
- 926A46
Barcelona Brown
- 3C8177
≈ Copper Mineral Green
- 7C6997
≈ Clematis
분열 보색 +150° +210°
- 926A46
Barcelona Brown
- 3A7F8C
≈ Shady Blue
- 65719E
≈ Blueberry Patch
사각 배색 +90° +180° +270°
- 926A46
Barcelona Brown
- 52805F
≈ Sports Field Green
- 4C799B
≈ Antarctic Blue
- 8D6486
≈ Sunshone Plum
대비 및 접근성
Ag
AA흰색 위
WCAG 4.80:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.37:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 4.80:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--barcelona-brown: #926a46;
--barcelona-brown-rgb: 146 106 70;
--barcelona-brown-oklch: oklch(0.557 0.072 62.5);
}
.element {
color: var(--barcelona-brown);
background-color: hsl(28 35% 42%);
border-color: oklch(0.557 0.072 62.5);
}Tailwind CSS v4
@theme {
--color-barcelona-brown: #926a46;
--color-barcelona-brown-50: #fff1e0;
--color-barcelona-brown-100: #fae3d0;
--color-barcelona-brown-200: #ebcfb5;
--color-barcelona-brown-300: #d2b091;
--color-barcelona-brown-400: #be9572;
--color-barcelona-brown-500: #a97b53;
--color-barcelona-brown-600: #8f6947;
--color-barcelona-brown-700: #725438;
--color-barcelona-brown-800: #553c28;
--color-barcelona-brown-900: #3b2a1b;
--color-barcelona-brown-950: #25170b;
}SCSS
$barcelona-brown: #926a46;
$barcelona-brown-rgb: 146, 106, 70;
$barcelona-brown-light: mix(#fff, $barcelona-brown, 20%);
$barcelona-brown-dark: mix(#000, $barcelona-brown, 20%);
.element {
color: $barcelona-brown;
box-shadow: 0 0 0 2px rgba($barcelona-brown, 0.35);
}