가장 가까운 이름 색상 · #6A3441
#6A3441
가장 가까운 이름 색상: Köfte Brown
#6A3441(rgb(106 52 65), hsl(346 34% 31%), oklch(0.399 0.078 5.9))와 가장 가까운 이름 색상은 Köfte Brown입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#6A3441
oklch(0.399 0.078 5.9)
색상 변환
- HEX
- #6a3441
- RGB
- rgb(106 52 65)
- HSL
- hsl(346 34% 31%)
- HWB
- hwb(346 20% 58%)
- OKLCH
- oklch(0.399 0.078 5.9)
- OKLab
- oklab(0.399 0.078 0.008)
- CIE Lab
- lab(29.38 25.7 3.49)
- LCH
- lch(29.38 25.94 7.7)
- CMYK
- cmyk(0% 51% 39% 58%)
틴트 · 셰이드 · 톤
틴트
- 794752
- 885A63
- 976D75
- A68188
- B5959A
- C4A9AE
- D2BEC2
- E1D3D6
- F0E9EA
셰이드
- 5B2C37
- 4D242E
- 3F1C25
- 31151C
- 240E13
- 18070B
- 0D0305
- 040101
- 000000
톤
- 6D3C47
- 70434D
- 724B53
- 755359
- 775A60
- 796266
- 7B696C
- 7D7173
- 7F7879
색 조화
보색 +180°
- 6A3441
Köfte Brown
- 00534D
≈ Plankton Green
유사색 -30° +30°
- 6A3441
Köfte Brown
- 613657
≈ Blackberry Deep Red
- 6B3729
≈ Strong Mocha
삼각 배색 +120° +240°
- 6A3441
Köfte Brown
- 3D4F1C
≈ No Emissions Green
- 1E4B6F
≈ Indigo Cloth
분열 보색 +150° +210°
- 6A3441
Köfte Brown
- 1C5435
≈ Kaitoke Green
- 005160
≈ Sandalwood Grey Blue
사각 배색 +90° +180° +270°
- 6A3441
Köfte Brown
- 544707
≈ Sugarloaf Brown
- 00534D
≈ Plankton Green
- 3C4371
≈ Valiant Violet
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.63:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.18:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.63:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--kofte-brown: #6a3441;
--kofte-brown-rgb: 106 52 65;
--kofte-brown-oklch: oklch(0.399 0.078 5.9);
}
.element {
color: var(--kofte-brown);
background-color: hsl(346 34% 31%);
border-color: oklch(0.399 0.078 5.9);
}Tailwind CSS v4
@theme {
--color-kofte-brown: #6a3441;
--color-kofte-brown-50: #ffecf1;
--color-kofte-brown-100: #ffdee3;
--color-kofte-brown-200: #f3c7ce;
--color-kofte-brown-300: #dca7b0;
--color-kofte-brown-400: #c78b97;
--color-kofte-brown-500: #b2707e;
--color-kofte-brown-600: #975f6b;
--color-kofte-brown-700: #794c55;
--color-kofte-brown-800: #59373f;
--color-kofte-brown-900: #3f252b;
--color-kofte-brown-950: #271419;
}SCSS
$kofte-brown: #6a3441;
$kofte-brown-rgb: 106, 52, 65;
$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);
}