가장 가까운 이름 색상 · #7B3732
#7B3732
가장 가까운 이름 색상: Dockside Red
#7B3732(rgb(123 55 50), hsl(4 42% 34%), oklch(0.427 0.096 26.2))와 가장 가까운 이름 색상은 Dockside Red입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#7B3732
oklch(0.427 0.096 26.2)
색상 변환
- HEX
- #7b3732
- RGB
- rgb(123 55 50)
- HSL
- hsl(4 42% 34%)
- HWB
- hwb(4 20% 52%)
- OKLCH
- oklch(0.427 0.096 26.2)
- OKLab
- oklab(0.427 0.086 0.042)
- CIE Lab
- lab(32.57 29.91 18.04)
- LCH
- lch(32.57 34.93 31.1)
- CMYK
- cmyk(0% 55% 59% 52%)
틴트 · 셰이드 · 톤
틴트
- 894A44
- 975D57
- A4706B
- B2847F
- BF9893
- CCACA8
- D9C0BD
- E6D5D3
- F2EAE9
셰이드
- 6A2E2A
- 5A2622
- 4A1E1B
- 3A1614
- 2C0F0D
- 1E0807
- 100303
- 050101
- 010000
톤
- 7D3F3A
- 7E4741
- 7F4E49
- 805551
- 815D59
- 816460
- 816B68
- 817270
- 817978
색 조화
보색 +180°
- 7B3732
Dockside Red
- 005A63
≈ Entrapment
유사색 -30° +30°
- 7B3732
Dockside Red
- 773650
≈ Rich Red Violet
- 753F0E
≈ Walnut
삼각 배색 +120° +240°
- 7B3732
Dockside Red
- 265C2D
≈ Pine
- 364C83
≈ Dive In
분열 보색 +150° +210°
- 7B3732
Dockside Red
- 005D4D
≈ Alpine Green
- 00557A
≈ Studer Blue
사각 배색 +90° +180° +270°
- 7B3732
Dockside Red
- 4C5503
≈ Highlands Moss
- 005A63
≈ Entrapment
- 54427D
≈ Cyber Grape
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.62:1 · APCA Lc 89
Ag
Fail검은색 위
WCAG 2.43:1 · APCA Lc 13
가장 좋은 글자색: #FFFFFF
WCAG 8.62:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--dockside-red: #7b3732;
--dockside-red-rgb: 123 55 50;
--dockside-red-oklch: oklch(0.427 0.096 26.2);
}
.element {
color: var(--dockside-red);
background-color: hsl(4 42% 34%);
border-color: oklch(0.427 0.096 26.2);
}Tailwind CSS v4
@theme {
--color-dockside-red: #7b3732;
--color-dockside-red-50: #ffece6;
--color-dockside-red-100: #ffddd6;
--color-dockside-red-200: #fbc5be;
--color-dockside-red-300: #e4a59c;
--color-dockside-red-400: #d18880;
--color-dockside-red-500: #bd6c64;
--color-dockside-red-600: #a05c55;
--color-dockside-red-700: #814944;
--color-dockside-red-800: #5f3432;
--color-dockside-red-900: #432422;
--color-dockside-red-950: #2b1211;
}SCSS
$dockside-red: #7b3732;
$dockside-red-rgb: 123, 55, 50;
$dockside-red-light: mix(#fff, $dockside-red, 20%);
$dockside-red-dark: mix(#000, $dockside-red, 20%);
.element {
color: $dockside-red;
box-shadow: 0 0 0 2px rgba($dockside-red, 0.35);
}