가장 가까운 이름 색상 · #6A3535
#6A3535
가장 가까운 이름 색상: Hot Chocolate
#6A3535(rgb(106 53 53), hsl(0 33% 31%), oklch(0.398 0.076 21))와 가장 가까운 이름 색상은 Hot Chocolate입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#6A3535
oklch(0.398 0.076 21)
색상 변환
- HEX
- #6a3535
- RGB
- rgb(106 53 53)
- HSL
- hsl(0 33% 31%)
- HWB
- hwb(0 21% 58%)
- OKLCH
- oklch(0.398 0.076 21)
- OKLab
- oklab(0.398 0.071 0.027)
- CIE Lab
- lab(29.35 24.1 11.28)
- LCH
- lch(29.35 26.61 25.1)
- CMYK
- cmyk(0% 50% 50% 58%)
틴트 · 셰이드 · 톤
틴트
- 794847
- 885A59
- 976E6C
- A68180
- B59594
- C4AAA8
- D2BEBD
- E1D4D3
- F0E9E9
셰이드
- 5B2D2D
- 4D2525
- 3F1D1D
- 311515
- 240E0E
- 180808
- 0D0303
- 040101
- 000000
톤
- 6D3D3C
- 704443
- 724C4B
- 755352
- 775B5A
- 796261
- 7B6969
- 7D7170
- 7F7878
색 조화
보색 +180°
- 6A3535
Hot Chocolate
- 005256
≈ Emerald Spring
유사색 -30° +30°
- 6A3535
Hot Chocolate
- 65354C
≈ Grape Wine
- 673A1E
≈ Cassiterite Brown
삼각 배색 +120° +240°
- 6A3535
Hot Chocolate
- 2F5129
≈ Chestnut Green
- 2F4770
≈ Hydrogen Blue
분열 보색 +150° +210°
- 6A3535
Hot Chocolate
- 055442
≈ Tetsu Green
- 0A4E68
≈ Hanada Blue
사각 배색 +90° +180° +270°
- 6A3535
Hot Chocolate
- 494B13
≈ No Emissions Green
- 005256
≈ Emerald Spring
- 473F6D
≈ Opera Blue
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.66:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.17:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.66:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--hot-chocolate: #6a3535;
--hot-chocolate-rgb: 106 53 53;
--hot-chocolate-oklch: oklch(0.398 0.076 21);
}
.element {
color: var(--hot-chocolate);
background-color: hsl(0 33% 31%);
border-color: oklch(0.398 0.076 21);
}Tailwind CSS v4
@theme {
--color-hot-chocolate: #6a3535;
--color-hot-chocolate-50: #ffedeb;
--color-hot-chocolate-100: #ffdfdc;
--color-hot-chocolate-200: #f3c8c5;
--color-hot-chocolate-300: #dca9a5;
--color-hot-chocolate-400: #c78d8b;
--color-hot-chocolate-500: #b37270;
--color-hot-chocolate-600: #97605f;
--color-hot-chocolate-700: #794d4c;
--color-hot-chocolate-800: #5a3838;
--color-hot-chocolate-900: #3f2626;
--color-hot-chocolate-950: #281415;
}SCSS
$hot-chocolate: #6a3535;
$hot-chocolate-rgb: 106, 53, 53;
$hot-chocolate-light: mix(#fff, $hot-chocolate, 20%);
$hot-chocolate-dark: mix(#000, $hot-chocolate, 20%);
.element {
color: $hot-chocolate;
box-shadow: 0 0 0 2px rgba($hot-chocolate, 0.35);
}