이름 색상 · #6E4A44
Fireside
Fireside은(는) #6E4A44: rgb(110 74 68), hsl(9 24% 35%), oklch(0.447 0.051 29.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Fireside color name →
#6E4A44
oklch(0.447 0.051 29.7)
색상 변환
- HEX
- #6e4a44
- RGB
- rgb(110 74 68)
- HSL
- hsl(9 24% 35%)
- HWB
- hwb(9 27% 57%)
- OKLCH
- oklch(0.447 0.051 29.7)
- OKLab
- oklab(0.447 0.044 0.025)
- CIE Lab
- lab(35.46 15.16 10.11)
- LCH
- lch(35.46 18.22 33.7)
- CMYK
- cmyk(0% 33% 38% 57%)
틴트 · 셰이드 · 톤
틴트
- 7C5A55
- 8A6B66
- 987D78
- A78E8A
- B5A09D
- C4B3B0
- D2C5C3
- E1D8D7
- F0EBEB
셰이드
- 5F3F3A
- 503530
- 412A26
- 33201D
- 261714
- 190E0C
- 0E0605
- 040202
- 010000
톤
- 704F4A
- 725550
- 745A56
- 765F5B
- 786561
- 7A6A67
- 7B706E
- 7D7574
- 7F7B7A
색 조화
보색 +180°
- 6E4A44
Fireside
- 305C64
≈ Arctic Nights
유사색 -30° +30°
- 6E4A44
Fireside
- 6C4953
≈ Mixed Berry Jam
- 6A4E38
≈ Tilled Soil
삼각 배색 +120° +240°
- 6E4A44
Fireside
- 405D46
≈ Horsetail
- 495371
≈ Signature Blue
분열 보색 +150° +210°
- 6E4A44
Fireside
- 335E55
≈ Holly Bush
- 3A596E
≈ Indian Teal
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.70:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.72:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.70:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--fireside: #6e4a44;
--fireside-rgb: 110 74 68;
--fireside-oklch: oklch(0.447 0.051 29.7);
}
.element {
color: var(--fireside);
background-color: hsl(9 24% 35%);
border-color: oklch(0.447 0.051 29.7);
}Tailwind CSS v4
@theme {
--color-fireside: #6e4a44;
--color-fireside-50: #fff0ec;
--color-fireside-100: #f8e2de;
--color-fireside-200: #e9cdc7;
--color-fireside-300: #d0afa8;
--color-fireside-400: #bb948d;
--color-fireside-500: #a57a73;
--color-fireside-600: #8c6761;
--color-fireside-700: #70534d;
--color-fireside-800: #533c39;
--color-fireside-900: #3a2927;
--color-fireside-950: #241715;
}SCSS
$fireside: #6e4a44;
$fireside-rgb: 110, 74, 68;
$fireside-light: mix(#fff, $fireside, 20%);
$fireside-dark: mix(#000, $fireside, 20%);
.element {
color: $fireside;
box-shadow: 0 0 0 2px rgba($fireside, 0.35);
}