가장 가까운 이름 색상 · #6B2700
#6B2700
가장 가까운 이름 색상: Roastery
#6B2700(rgb(107 39 0), hsl(22 100% 21%), oklch(0.368 0.107 44.1))와 가장 가까운 이름 색상은 Roastery입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#6B2700
oklch(0.368 0.107 44.1)
색상 변환
- HEX
- #6b2700
- RGB
- rgb(107 39 0)
- HSL
- hsl(22 100% 21%)
- HWB
- hwb(22 0% 58%)
- OKLCH
- oklch(0.368 0.107 44.1)
- OKLab
- oklab(0.368 0.077 0.074)
- CIE Lab
- lab(25.94 29.7 37.14)
- LCH
- lch(25.94 47.56 51.3)
- CMYK
- cmyk(0% 64% 100% 58%)
틴트 · 셰이드 · 톤
틴트
- 7B3C1F
- 8A5138
- 99654F
- A87A67
- B7907F
- C5A598
- D4BBB1
- E2D1CA
- F1E8E4
셰이드
- 5C2000
- 4E1A00
- 3F1400
- 320E00
- 250800
- 180400
- 0D0200
- 040100
- 000000
톤
- 6E3113
- 713A22
- 74442E
- 774C3A
- 795546
- 7B5E51
- 7D665D
- 7E6F69
- 7F7774
색 조화
보색 +180°
- 6B2700
Roastery
- 00475A
≈ Sultan’s Silk
유사색 -30° +30°
- 6B2700
Roastery
- 6C212E
≈ Squid Hat
- 573800
≈ Pineapple
삼각 배색 +120° +240°
- 6B2700
Roastery
- 004C34
≈ Chrysocolla Dark Green
- 3A3475
≈ Ballpoint Indigo
분열 보색 +150° +210°
- 6B2700
Roastery
- 004949
≈ Deep Into the Jungle
- 0B3F76
≈ Ashenvale Nights
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.96:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.91:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 10.96:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--roastery: #6b2700;
--roastery-rgb: 107 39 0;
--roastery-oklch: oklch(0.368 0.107 44.1);
}
.element {
color: var(--roastery);
background-color: hsl(22 100% 21%);
border-color: oklch(0.368 0.107 44.1);
}Tailwind CSS v4
@theme {
--color-roastery: #6b2700;
--color-roastery-50: #ffeddc;
--color-roastery-100: #ffdeca;
--color-roastery-200: #fcc7ae;
--color-roastery-300: #e6a789;
--color-roastery-400: #d38969;
--color-roastery-500: #c06d48;
--color-roastery-600: #a25c3e;
--color-roastery-700: #824a31;
--color-roastery-800: #613523;
--color-roastery-900: #442417;
--color-roastery-950: #2c1308;
}SCSS
$roastery: #6b2700;
$roastery-rgb: 107, 39, 0;
$roastery-light: mix(#fff, $roastery, 20%);
$roastery-dark: mix(#000, $roastery, 20%);
.element {
color: $roastery;
box-shadow: 0 0 0 2px rgba($roastery, 0.35);
}