이름 색상 · #683E3B
Chipotle Paste
Chipotle Paste은(는) #683E3B: rgb(104 62 59), hsl(4 28% 32%), oklch(0.413 0.06 24.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Chipotle Paste color name →
#683E3B
oklch(0.413 0.06 24.4)
색상 변환
- HEX
- #683e3b
- RGB
- rgb(104 62 59)
- HSL
- hsl(4 28% 32%)
- HWB
- hwb(4 23% 59%)
- OKLCH
- oklch(0.413 0.06 24.4)
- OKLab
- oklab(0.413 0.054 0.025)
- CIE Lab
- lab(31.34 18.61 10.04)
- LCH
- lch(31.34 21.14 28.4)
- CMYK
- cmyk(0% 40% 43% 59%)
틴트 · 셰이드 · 톤
틴트
- 774F4C
- 86615E
- 957471
- A38784
- B39A97
- C2ADAB
- D1C1C0
- E0D5D4
- F0EAEA
셰이드
- 593532
- 4B2B29
- 3E2321
- 301A19
- 241211
- 180A09
- 0C0404
- 040101
- 000000
톤
- 6B4542
- 6E4B48
- 70524F
- 735856
- 755F5D
- 786564
- 7A6C6B
- 7C7372
- 7E7979
색 조화
보색 +180°
- 683E3B
Chipotle Paste
- 1A555A
≈ Seaworld
유사색 -30° +30°
- 683E3B
Chipotle Paste
- 653D4D
≈ Crushed Violets
- 64422B
≈ Irish Coffee
삼각 배색 +120° +240°
- 683E3B
Chipotle Paste
- 365436
≈ Goblin
- 3B4B6C
≈ Mountain Blueberry
분열 보색 +150° +210°
- 683E3B
Chipotle Paste
- 225649
≈ Bagpiper
- 275067
≈ Shimmering Sea
사각 배색 +90° +180° +270°
- 683E3B
Chipotle Paste
- 4A4F27
≈ Bronze Tone
- 1A555A
≈ Seaworld
- 4D4569
≈ True Romance
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.97:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.34:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.97:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--chipotle-paste: #683e3b;
--chipotle-paste-rgb: 104 62 59;
--chipotle-paste-oklch: oklch(0.413 0.06 24.4);
}
.element {
color: var(--chipotle-paste);
background-color: hsl(4 28% 32%);
border-color: oklch(0.413 0.06 24.4);
}Tailwind CSS v4
@theme {
--color-chipotle-paste: #683e3b;
--color-chipotle-paste-50: #ffefec;
--color-chipotle-paste-100: #fbe1dd;
--color-chipotle-paste-200: #edcbc7;
--color-chipotle-paste-300: #d4aca7;
--color-chipotle-paste-400: #bf918d;
--color-chipotle-paste-500: #aa7773;
--color-chipotle-paste-600: #906561;
--color-chipotle-paste-700: #73504e;
--color-chipotle-paste-800: #553a39;
--color-chipotle-paste-900: #3c2827;
--color-chipotle-paste-950: #251615;
}SCSS
$chipotle-paste: #683e3b;
$chipotle-paste-rgb: 104, 62, 59;
$chipotle-paste-light: mix(#fff, $chipotle-paste, 20%);
$chipotle-paste-dark: mix(#000, $chipotle-paste, 20%);
.element {
color: $chipotle-paste;
box-shadow: 0 0 0 2px rgba($chipotle-paste, 0.35);
}