이름 색상 · #6A513B
Coffee Liqueur
Coffee Liqueur은(는) #6A513B: rgb(106 81 59), hsl(28 28% 32%), oklch(0.455 0.047 62.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Coffee Liqueur color name →
#6A513B
oklch(0.455 0.047 62.5)
색상 변환
- HEX
- #6a513b
- RGB
- rgb(106 81 59)
- HSL
- hsl(28 28% 32%)
- HWB
- hwb(28 23% 58%)
- OKLCH
- oklch(0.455 0.047 62.5)
- OKLab
- oklab(0.455 0.022 0.042)
- CIE Lab
- lab(36.69 8.43 17.18)
- LCH
- lch(36.69 19.13 63.9)
- CMYK
- cmyk(0% 24% 44% 58%)
틴트 · 셰이드 · 톤
틴트
- 78614D
- 86715F
- 958272
- A39385
- B2A498
- C1B6AC
- D0C8C0
- E0DAD5
- EFECEA
셰이드
- 5B4532
- 4D3A29
- 3F2F21
- 312419
- 241A11
- 181009
- 0D0704
- 040201
- 000000
톤
- 6C5642
- 6F5A49
- 715F50
- 736456
- 75685D
- 786D64
- 7A726B
- 7C7772
- 7E7B79
색 조화
보색 +180°
- 6A513B
Coffee Liqueur
- 3F5A6F
≈ Infinite Deep Sea
유사색 -30° +30°
- 6A513B
Coffee Liqueur
- 6F4D46
≈ Chocolate Sprinkle
- 605638
≈ Olive Bark
삼각 배색 +120° +240°
- 6A513B
Coffee Liqueur
- 376059
≈ Royal Pine
- 5C516D
≈ Blackcurrant Elixir
분열 보색 +150° +210°
- 6A513B
Coffee Liqueur
- 355E66
≈ Under the Sea
- 4D5572
≈ Steadfast
사각 배색 +90° +180° +270°
- 6A513B
Coffee Liqueur
- 425F4A
≈ Windy Pine
- 3F5A6F
≈ Infinite Deep Sea
- 674D62
≈ Vicarious Violet
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.36:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.85:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--coffee-liqueur: #6a513b;
--coffee-liqueur-rgb: 106 81 59;
--coffee-liqueur-oklch: oklch(0.455 0.047 62.5);
}
.element {
color: var(--coffee-liqueur);
background-color: hsl(28 28% 32%);
border-color: oklch(0.455 0.047 62.5);
}Tailwind CSS v4
@theme {
--color-coffee-liqueur: #6a513b;
--color-coffee-liqueur-50: #fff3e7;
--color-coffee-liqueur-100: #f4e5d8;
--color-coffee-liqueur-200: #e3d1c0;
--color-coffee-liqueur-300: #c9b39f;
--color-coffee-liqueur-400: #b39982;
--color-coffee-liqueur-500: #9d8066;
--color-coffee-liqueur-600: #856c57;
--color-coffee-liqueur-700: #6b5645;
--color-coffee-liqueur-800: #4f3f32;
--color-coffee-liqueur-900: #372b22;
--color-coffee-liqueur-950: #221811;
}SCSS
$coffee-liqueur: #6a513b;
$coffee-liqueur-rgb: 106, 81, 59;
$coffee-liqueur-light: mix(#fff, $coffee-liqueur, 20%);
$coffee-liqueur-dark: mix(#000, $coffee-liqueur, 20%);
.element {
color: $coffee-liqueur;
box-shadow: 0 0 0 2px rgba($coffee-liqueur, 0.35);
}