가장 가까운 이름 색상 · #7B3F4E
#7B3F4E
가장 가까운 이름 색상: Köfte Brown
#7B3F4E(rgb(123 63 78), hsl(345 32% 36%), oklch(0.447 0.085 5.1))와 가장 가까운 이름 색상은 Köfte Brown입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#7B3F4E
oklch(0.447 0.085 5.1)
색상 변환
- HEX
- #7b3f4e
- RGB
- rgb(123 63 78)
- HSL
- hsl(345 32% 36%)
- HWB
- hwb(345 25% 52%)
- OKLCH
- oklch(0.447 0.085 5.1)
- OKLab
- oklab(0.447 0.084 0.008)
- CIE Lab
- lab(34.87 27.86 3.31)
- LCH
- lch(34.87 28.06 6.8)
- CMYK
- cmyk(0% 49% 37% 52%)
틴트 · 셰이드 · 톤
틴트
- 89515E
- 96636E
- A4757F
- B18890
- BE9BA2
- CBAFB4
- D8C2C6
- E5D6D9
- F2EAEC
셰이드
- 6A3543
- 5A2C38
- 4A232D
- 3A1B23
- 2C1219
- 1E0A0F
- 100407
- 050102
- 010000
톤
- 7C4653
- 7D4C58
- 7E535D
- 7F5A61
- 806066
- 80666C
- 816D71
- 817376
- 807A7B
색 조화
보색 +180°
- 7B3F4E
Köfte Brown
- 00625A
≈ Dancing Peacock
유사색 -30° +30°
- 7B3F4E
Köfte Brown
- 714167
≈ Burnt Orchid
- 7C4233
≈ Monterey Chestnut
삼각 배색 +120° +240°
- 7B3F4E
Köfte Brown
- 4A5D24
≈ Obscure Olive
- 265980
≈ Bahama Blue
분열 보색 +150° +210°
- 7B3F4E
Köfte Brown
- 27623F
≈ Fairway Green
- 005F70
≈ Cool Dive
사각 배색 +90° +180° +270°
- 7B3F4E
Köfte Brown
- 635410
≈ Olive Brown
- 00625A
≈ Dancing Peacock
- 475083
≈ Blue Jewel
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.88:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.66:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.88:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--kofte-brown: #7b3f4e;
--kofte-brown-rgb: 123 63 78;
--kofte-brown-oklch: oklch(0.447 0.085 5.1);
}
.element {
color: var(--kofte-brown);
background-color: hsl(345 32% 36%);
border-color: oklch(0.447 0.085 5.1);
}Tailwind CSS v4
@theme {
--color-kofte-brown: #7b3f4e;
--color-kofte-brown-50: #ffecf1;
--color-kofte-brown-100: #ffdde3;
--color-kofte-brown-200: #f5c6ce;
--color-kofte-brown-300: #dea6b0;
--color-kofte-brown-400: #ca8a97;
--color-kofte-brown-500: #b56e7e;
--color-kofte-brown-600: #995d6b;
--color-kofte-brown-700: #7b4a55;
--color-kofte-brown-800: #5b363f;
--color-kofte-brown-900: #40252c;
--color-kofte-brown-950: #281319;
}SCSS
$kofte-brown: #7b3f4e;
$kofte-brown-rgb: 123, 63, 78;
$kofte-brown-light: mix(#fff, $kofte-brown, 20%);
$kofte-brown-dark: mix(#000, $kofte-brown, 20%);
.element {
color: $kofte-brown;
box-shadow: 0 0 0 2px rgba($kofte-brown, 0.35);
}