이름 색상 · #794029
Burnished Russet
Burnished Russet은(는) #794029: rgb(121 64 41), hsl(17 49% 32%), oklch(0.437 0.087 42.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Burnished Russet color name →
#794029
oklch(0.437 0.087 42.2)
색상 변환
- HEX
- #794029
- RGB
- rgb(121 64 41)
- HSL
- hsl(17 49% 32%)
- HWB
- hwb(17 16% 53%)
- OKLCH
- oklch(0.437 0.087 42.2)
- OKLab
- oklab(0.437 0.064 0.058)
- CIE Lab
- lab(34.12 23.72 25.35)
- LCH
- lch(34.12 34.72 46.9)
- CMYK
- cmyk(0% 47% 66% 53%)
틴트 · 셰이드 · 톤
틴트
- 87523D
- 946451
- A27665
- AF897A
- BD9C8F
- CAAFA5
- D7C3BB
- E5D6D1
- F2EBE8
셰이드
- 683622
- 582D1C
- 482415
- 391B0F
- 2B1309
- 1D0B05
- 100502
- 050101
- 010000
톤
- 7A4732
- 7C4D3B
- 7D5444
- 7E5A4C
- 7F6155
- 7F675E
- 806D66
- 80746F
- 807A77
색 조화
보색 +180°
- 794029
Burnished Russet
- 005B72
≈ Octagon Ocean
유사색 -30° +30°
- 794029
Burnished Russet
- 7A3C45
≈ Amfissa Olive
- 6F490E
≈ Antique Bronze
삼각 배색 +120° +240°
- 794029
Burnished Russet
- 156043
≈ Green Paw Paw
- 4B4B80
≈ Altar of Heaven
분열 보색 +150° +210°
- 794029
Burnished Russet
- 005F5D
≈ Mosque
- 2B5480
≈ Boat Blue
사각 배색 +90° +180° +270°
- 794029
Burnished Russet
- 3F5C26
≈ Obscure Olive
- 005B72
≈ Octagon Ocean
- 624374
≈ Magenta Red Lips
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.14:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.57:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.14:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--burnished-russet: #794029;
--burnished-russet-rgb: 121 64 41;
--burnished-russet-oklch: oklch(0.437 0.087 42.2);
}
.element {
color: var(--burnished-russet);
background-color: hsl(17 49% 32%);
border-color: oklch(0.437 0.087 42.2);
}Tailwind CSS v4
@theme {
--color-burnished-russet: #794029;
--color-burnished-russet-50: #ffeee1;
--color-burnished-russet-100: #ffdfd1;
--color-burnished-russet-200: #f5c9b7;
--color-burnished-russet-300: #deaa93;
--color-burnished-russet-400: #cb8e76;
--color-burnished-russet-500: #b77257;
--color-burnished-russet-600: #9a614a;
--color-burnished-russet-700: #7c4d3b;
--color-burnished-russet-800: #5c382b;
--color-burnished-russet-900: #40261d;
--color-burnished-russet-950: #29140d;
}SCSS
$burnished-russet: #794029;
$burnished-russet-rgb: 121, 64, 41;
$burnished-russet-light: mix(#fff, $burnished-russet, 20%);
$burnished-russet-dark: mix(#000, $burnished-russet, 20%);
.element {
color: $burnished-russet;
box-shadow: 0 0 0 2px rgba($burnished-russet, 0.35);
}