이름 색상 · #8F4C3A
Burled Redwood
Burled Redwood은(는) #8F4C3A: rgb(143 76 58), hsl(13 42% 39%), oklch(0.494 0.095 36). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Burled Redwood color name →
#8F4C3A
oklch(0.494 0.095 36)
색상 변환
- HEX
- #8f4c3a
- RGB
- rgb(143 76 58)
- HSL
- hsl(13 42% 39%)
- HWB
- hwb(13 23% 44%)
- OKLCH
- oklch(0.494 0.095 36)
- OKLab
- oklab(0.494 0.077 0.056)
- CIE Lab
- lab(40.49 27.59 23.84)
- LCH
- lch(40.49 36.46 40.8)
- CMYK
- cmyk(0% 47% 59% 44%)
틴트 · 셰이드 · 톤
틴트
- 9B5D4C
- A76E5F
- B28072
- BE9185
- C9A398
- D4B5AC
- DFC7C1
- EADAD5
- F4ECEA
셰이드
- 7C4131
- 693628
- 572C20
- 452218
- 341810
- 240F09
- 150604
- 070201
- 010000
톤
- 8E5241
- 8D5749
- 8C5D50
- 8B6257
- 8A675E
- 886C64
- 87716B
- 857672
- 827B79
색 조화
보색 +180°
- 8F4C3A
Burled Redwood
- 006D81
≈ Azure Green Blue
유사색 -30° +30°
- 8F4C3A
Burled Redwood
- 8E4959
≈ Dull Magenta
- 86551C
≈ Precious Copper
삼각 배색 +120° +240°
- 8F4C3A
Burled Redwood
- 2B714A
≈ Felt
- 535C97
≈ Royal Marquis
분열 보색 +150° +210°
- 8F4C3A
Burled Redwood
- 007169
≈ Tide Pools
- 2D6694
≈ Starry Night
사각 배색 +90° +180° +270°
- 8F4C3A
Burled Redwood
- 546B2A
≈ Green Leaf
- 006D81
≈ Azure Green Blue
- 6F528C
≈ Pure Mauve
대비 및 접근성
Ag
AA흰색 위
WCAG 6.43:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.26:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--burled-redwood: #8f4c3a;
--burled-redwood-rgb: 143 76 58;
--burled-redwood-oklch: oklch(0.494 0.095 36);
}
.element {
color: var(--burled-redwood);
background-color: hsl(13 42% 39%);
border-color: oklch(0.494 0.095 36);
}Tailwind CSS v4
@theme {
--color-burled-redwood: #8f4c3a;
--color-burled-redwood-50: #ffede2;
--color-burled-redwood-100: #ffded1;
--color-burled-redwood-200: #f9c7b7;
--color-burled-redwood-300: #e3a794;
--color-burled-redwood-400: #d08a77;
--color-burled-redwood-500: #bc6e59;
--color-burled-redwood-600: #9f5e4c;
--color-burled-redwood-700: #804b3c;
--color-burled-redwood-800: #5f362c;
--color-burled-redwood-900: #42251e;
--color-burled-redwood-950: #2b130e;
}SCSS
$burled-redwood: #8f4c3a;
$burled-redwood-rgb: 143, 76, 58;
$burled-redwood-light: mix(#fff, $burled-redwood, 20%);
$burled-redwood-dark: mix(#000, $burled-redwood, 20%);
.element {
color: $burled-redwood;
box-shadow: 0 0 0 2px rgba($burled-redwood, 0.35);
}