이름 색상 · #665043
Revival Mahogany
Revival Mahogany은(는) #665043: rgb(102 80 67), hsl(22 21% 33%), oklch(0.45 0.036 52.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Revival Mahogany color name →
#665043
oklch(0.45 0.036 52.1)
색상 변환
- HEX
- #665043
- RGB
- rgb(102 80 67)
- HSL
- hsl(22 21% 33%)
- HWB
- hwb(22 26% 60%)
- OKLCH
- oklch(0.45 0.036 52.1)
- OKLab
- oklab(0.45 0.022 0.028)
- CIE Lab
- lab(36.08 7.97 11.38)
- LCH
- lch(36.08 13.89 55)
- CMYK
- cmyk(0% 22% 34% 60%)
틴트 · 셰이드 · 톤
틴트
- 746054
- 837065
- 928177
- A19289
- B0A39C
- BFB5AF
- CFC7C3
- DFD9D6
- EFECEB
셰이드
- 584439
- 4A392F
- 3C2E26
- 2F241D
- 231A14
- 17100C
- 0C0705
- 040201
- 000000
톤
- 695549
- 6B594F
- 6E5E55
- 71635B
- 736861
- 766D67
- 78716D
- 7B7673
- 7E7B7A
색 조화
보색 +180°
- 665043
Revival Mahogany
- 415966
≈ Saxon Blue
유사색 -30° +30°
- 665043
Revival Mahogany
- 684E4C
≈ Robeson Rose
- 5F543E
≈ Crossbow
삼각 배색 +120° +240°
- 665043
Revival Mahogany
- 415C53
≈ Trekking Green
- 555268
≈ Freefall
분열 보색 +150° +210°
- 665043
Revival Mahogany
- 3D5C5E
≈ Teal Forest
- 4A566A
≈ Rainmaker
사각 배색 +90° +180° +270°
- 665043
Revival Mahogany
- 4A5B48
≈ Greenwich
- 415966
≈ Saxon Blue
- 5F4F61
≈ Vintage Violet
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.51:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.79:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.51:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--revival-mahogany: #665043;
--revival-mahogany-rgb: 102 80 67;
--revival-mahogany-oklch: oklch(0.45 0.036 52.1);
}
.element {
color: var(--revival-mahogany);
background-color: hsl(22 21% 33%);
border-color: oklch(0.45 0.036 52.1);
}Tailwind CSS v4
@theme {
--color-revival-mahogany: #665043;
--color-revival-mahogany-50: #fef3ec;
--color-revival-mahogany-100: #f2e5dd;
--color-revival-mahogany-200: #e1d1c6;
--color-revival-mahogany-300: #c7b3a6;
--color-revival-mahogany-400: #b1998b;
--color-revival-mahogany-500: #9a8071;
--color-revival-mahogany-600: #826c5f;
--color-revival-mahogany-700: #68574c;
--color-revival-mahogany-800: #4d3f37;
--color-revival-mahogany-900: #362b26;
--color-revival-mahogany-950: #211914;
}SCSS
$revival-mahogany: #665043;
$revival-mahogany-rgb: 102, 80, 67;
$revival-mahogany-light: mix(#fff, $revival-mahogany, 20%);
$revival-mahogany-dark: mix(#000, $revival-mahogany, 20%);
.element {
color: $revival-mahogany;
box-shadow: 0 0 0 2px rgba($revival-mahogany, 0.35);
}