이름 색상 · #7E5D47
Outback Brown
Outback Brown은(는) #7E5D47: rgb(126 93 71), hsl(24 28% 39%), oklch(0.507 0.055 54.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Outback Brown color name →
#7E5D47
oklch(0.507 0.055 54.8)
색상 변환
- HEX
- #7e5d47
- RGB
- rgb(126 93 71)
- HSL
- hsl(24 28% 39%)
- HWB
- hwb(24 28% 51%)
- OKLCH
- oklch(0.507 0.055 54.8)
- OKLab
- oklab(0.507 0.031 0.045)
- CIE Lab
- lab(42.57 11.68 18.19)
- LCH
- lch(42.57 21.62 57.3)
- CMYK
- cmyk(0% 26% 44% 51%)
틴트 · 셰이드 · 톤
틴트
- 8B6C58
- 977B69
- A48B7B
- B19B8D
- BDAB9F
- CABBB2
- D7CCC5
- E4DDD8
- F2EEEB
셰이드
- 6D503D
- 5C4332
- 4C3728
- 3C2A1F
- 2D1F16
- 1F140D
- 110A06
- 050302
- 010000
톤
- 7E614D
- 7F6453
- 7F6858
- 7F6B5E
- 806F64
- 807269
- 80766F
- 807975
- 807D7A
색 조화
보색 +180°
- 7E5D47
Outback Brown
- 456A80
≈ Eames for Blue
유사색 -30° +30°
- 7E5D47
Outback Brown
- 825955
≈ Musk Deer
- 746340
≈ Yellow Metal
삼각 배색 +120° +240°
- 7E5D47
Outback Brown
- 427063
≈ Cormorant
- 675F82
≈ Pharaoh Purple
분열 보색 +150° +210°
- 7E5D47
Outback Brown
- 3C6E74
≈ Peabody
- 566585
≈ Enduring
사각 배색 +90° +180° +270°
- 7E5D47
Outback Brown
- 526E52
≈ Daylight Jungle
- 456A80
≈ Eames for Blue
- 755B77
≈ Gala Ball
대비 및 접근성
Ag
AA흰색 위
WCAG 5.92:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.54:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 5.92:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--outback-brown: #7e5d47;
--outback-brown-rgb: 126 93 71;
--outback-brown-oklch: oklch(0.507 0.055 54.8);
}
.element {
color: var(--outback-brown);
background-color: hsl(24 28% 39%);
border-color: oklch(0.507 0.055 54.8);
}Tailwind CSS v4
@theme {
--color-outback-brown: #7e5d47;
--color-outback-brown-50: #fff2e6;
--color-outback-brown-100: #f7e4d7;
--color-outback-brown-200: #e7cfbe;
--color-outback-brown-300: #ceb19d;
--color-outback-brown-400: #b99680;
--color-outback-brown-500: #a37d64;
--color-outback-brown-600: #8a6a55;
--color-outback-brown-700: #6e5543;
--color-outback-brown-800: #523d31;
--color-outback-brown-900: #392a21;
--color-outback-brown-950: #231810;
}SCSS
$outback-brown: #7e5d47;
$outback-brown-rgb: 126, 93, 71;
$outback-brown-light: mix(#fff, $outback-brown, 20%);
$outback-brown-dark: mix(#000, $outback-brown, 20%);
.element {
color: $outback-brown;
box-shadow: 0 0 0 2px rgba($outback-brown, 0.35);
}