이름 색상 · #68534A
Bargeboard Brown
Bargeboard Brown은(는) #68534A: rgb(104 83 74), hsl(18 17% 35%), oklch(0.461 0.032 44.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Bargeboard Brown color name →
#68534A
oklch(0.461 0.032 44.4)
색상 변환
- HEX
- #68534a
- RGB
- rgb(104 83 74)
- HSL
- hsl(18 17% 35%)
- HWB
- hwb(18 29% 59%)
- OKLCH
- oklch(0.461 0.032 44.4)
- OKLab
- oklab(0.461 0.023 0.022)
- CIE Lab
- lab(37.29 7.9 8.76)
- LCH
- lch(37.29 11.8 48)
- CMYK
- cmyk(0% 20% 29% 59%)
틴트 · 셰이드 · 톤
틴트
- 76635A
- 85736B
- 93837C
- A2948E
- B1A5A0
- C0B6B2
- D0C8C5
- DFDAD8
- EFECEB
셰이드
- 59473F
- 4B3B35
- 3E302A
- 302520
- 241B17
- 18110E
- 0C0806
- 040202
- 000000
톤
- 6B574F
- 6D5C55
- 6F605A
- 72655F
- 746965
- 776E6A
- 79726F
- 7B7775
- 7E7B7A
색 조화
보색 +180°
- 68534A
Bargeboard Brown
- 455C66
≈ Hypothalamus Grey
유사색 -30° +30°
- 68534A
Bargeboard Brown
- 695153
≈ Ripe Fig
- 635645
≈ Light Roast
삼각 배색 +120° +240°
- 68534A
Bargeboard Brown
- 485E54
≈ Cloudy Viridian
- 56566A
≈ Hormagaunt Purple
분열 보색 +150° +210°
- 68534A
Bargeboard Brown
- 445E5E
≈ Oceans Deep
- 4C5A6A
≈ Storm Rising
사각 배색 +90° +180° +270°
- 68534A
Bargeboard Brown
- 515C4B
≈ Windsor Moss
- 455C66
≈ Hypothalamus Grey
- 5F5365
≈ Purple Stone
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.17:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.92:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.17:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--bargeboard-brown: #68534a;
--bargeboard-brown-rgb: 104 83 74;
--bargeboard-brown-oklch: oklch(0.461 0.032 44.4);
}
.element {
color: var(--bargeboard-brown);
background-color: hsl(18 17% 35%);
border-color: oklch(0.461 0.032 44.4);
}Tailwind CSS v4
@theme {
--color-bargeboard-brown: #68534a;
--color-bargeboard-brown-50: #fdf3ee;
--color-bargeboard-brown-100: #f1e5df;
--color-bargeboard-brown-200: #e0d0c9;
--color-bargeboard-brown-300: #c6b3aa;
--color-bargeboard-brown-400: #af998f;
--color-bargeboard-brown-500: #998075;
--color-bargeboard-brown-600: #816c63;
--color-bargeboard-brown-700: #68574f;
--color-bargeboard-brown-800: #4c3f3a;
--color-bargeboard-brown-900: #352b28;
--color-bargeboard-brown-950: #201916;
}SCSS
$bargeboard-brown: #68534a;
$bargeboard-brown-rgb: 104, 83, 74;
$bargeboard-brown-light: mix(#fff, $bargeboard-brown, 20%);
$bargeboard-brown-dark: mix(#000, $bargeboard-brown, 20%);
.element {
color: $bargeboard-brown;
box-shadow: 0 0 0 2px rgba($bargeboard-brown, 0.35);
}