이름 색상 · #745B49
Moderne Class
Moderne Class은(는) #745B49: rgb(116 91 73), hsl(25 23% 37%), oklch(0.492 0.043 57.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Moderne Class color name →
#745B49
oklch(0.492 0.043 57.3)
색상 변환
- HEX
- #745b49
- RGB
- rgb(116 91 73)
- HSL
- hsl(25 23% 37%)
- HWB
- hwb(25 29% 55%)
- OKLCH
- oklch(0.492 0.043 57.3)
- OKLab
- oklab(0.492 0.023 0.036)
- CIE Lab
- lab(40.88 8.54 14.51)
- LCH
- lch(40.88 16.84 59.5)
- CMYK
- cmyk(0% 22% 37% 55%)
틴트 · 셰이드 · 톤
틴트
- 816A5A
- 8F7A6B
- 9C897C
- AA998E
- B8AAA0
- C6BAB2
- D4CBC5
- E2DCD8
- F0EDEB
셰이드
- 644E3E
- 544134
- 45352A
- 372920
- 291E17
- 1B130E
- 0F0906
- 050302
- 010000
톤
- 755F4E
- 776254
- 786659
- 796A5F
- 7A6D64
- 7C716A
- 7D756F
- 7E7975
- 7F7C7A
색 조화
보색 +180°
- 745B49
Moderne Class
- 4A6577
≈ Gloomy Sea
유사색 -30° +30°
- 745B49
Moderne Class
- 785854
≈ Sequoia Dusk
- 6B6045
≈ Ochicha Latte
삼각 배색 +120° +240°
- 745B49
Moderne Class
- 466960
≈ Smoke Pine
- 635C77
≈ Purple Passage
분열 보색 +150° +210°
- 745B49
Moderne Class
- 43686D
≈ Mythic Forest
- 56607A
≈ Award Night
사각 배색 +90° +180° +270°
- 745B49
Moderne Class
- 516853
≈ Kale Green
- 4A6577
≈ Gloomy Sea
- 6E586E
≈ Dark Purple Grey
대비 및 접근성
Ag
AA흰색 위
WCAG 6.29:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.33:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--moderne-class: #745b49;
--moderne-class-rgb: 116 91 73;
--moderne-class-oklch: oklch(0.492 0.043 57.3);
}
.element {
color: var(--moderne-class);
background-color: hsl(25 23% 37%);
border-color: oklch(0.492 0.043 57.3);
}Tailwind CSS v4
@theme {
--color-moderne-class: #745b49;
--color-moderne-class-50: #fff3e9;
--color-moderne-class-100: #f3e5da;
--color-moderne-class-200: #e3d0c3;
--color-moderne-class-300: #c9b3a2;
--color-moderne-class-400: #b39986;
--color-moderne-class-500: #9d7f6b;
--color-moderne-class-600: #846c5a;
--color-moderne-class-700: #6a5648;
--color-moderne-class-800: #4e3f34;
--color-moderne-class-900: #372b24;
--color-moderne-class-950: #211812;
}SCSS
$moderne-class: #745b49;
$moderne-class-rgb: 116, 91, 73;
$moderne-class-light: mix(#fff, $moderne-class, 20%);
$moderne-class-dark: mix(#000, $moderne-class, 20%);
.element {
color: $moderne-class;
box-shadow: 0 0 0 2px rgba($moderne-class, 0.35);
}