이름 색상 · #8E5959
Barn Door
Barn Door은(는) #8E5959: rgb(142 89 89), hsl(0 23% 45%), oklch(0.523 0.07 19.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Barn Door color name →
#8E5959
oklch(0.523 0.07 19.7)
색상 변환
- HEX
- #8e5959
- RGB
- rgb(142 89 89)
- HSL
- hsl(0 23% 45%)
- HWB
- hwb(0 35% 44%)
- OKLCH
- oklch(0.523 0.07 19.7)
- OKLab
- oklab(0.523 0.066 0.024)
- CIE Lab
- lab(43.92 22.47 9.63)
- LCH
- lch(43.92 24.44 23.2)
- CMYK
- cmyk(0% 37% 37% 44%)
틴트 · 셰이드 · 톤
틴트
- 9A6968
- A57878
- B18888
- BC9998
- C7A9A8
- D2BAB9
- DECBCA
- E9DCDC
- F4EDED
셰이드
- 7B4C4C
- 684040
- 563434
- 442828
- 341D1D
- 241313
- 150909
- 070303
- 010000
톤
- 8D5D5D
- 8C6161
- 8B6565
- 8A6968
- 896D6C
- 877170
- 867574
- 847878
- 827C7C
색 조화
보색 +180°
- 8E5959
Barn Door
- 2F767A
≈ Atoll
유사색 -30° +30°
- 8E5959
Barn Door
- 895970
≈ Indian Silk
- 8B5E44
≈ Western Pursuit
삼각 배색 +120° +240°
- 8E5959
Barn Door
- 54744D
≈ Irish Clover
- 526A93
≈ UCLA Blue
분열 보색 +150° +210°
- 8E5959
Barn Door
- 3B7763
≈ Fir
- 3A718A
≈ Calypso
사각 배색 +90° +180° +270°
- 8E5959
Barn Door
- 6C6D3C
≈ Jungle Trail
- 2F767A
≈ Atoll
- 696390
≈ Prime Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 5.64:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.72:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--barn-door: #8e5959;
--barn-door-rgb: 142 89 89;
--barn-door-oklch: oklch(0.523 0.07 19.7);
}
.element {
color: var(--barn-door);
background-color: hsl(0 23% 45%);
border-color: oklch(0.523 0.07 19.7);
}Tailwind CSS v4
@theme {
--color-barn-door: #8e5959;
--color-barn-door-50: #ffeeec;
--color-barn-door-100: #ffdfdd;
--color-barn-door-200: #f1c9c7;
--color-barn-door-300: #d9aaa7;
--color-barn-door-400: #c58e8d;
--color-barn-door-500: #b07373;
--color-barn-door-600: #956261;
--color-barn-door-700: #774e4e;
--color-barn-door-800: #583839;
--color-barn-door-900: #3e2727;
--color-barn-door-950: #271515;
}SCSS
$barn-door: #8e5959;
$barn-door-rgb: 142, 89, 89;
$barn-door-light: mix(#fff, $barn-door, 20%);
$barn-door-dark: mix(#000, $barn-door, 20%);
.element {
color: $barn-door;
box-shadow: 0 0 0 2px rgba($barn-door, 0.35);
}