이름 색상 · #A17B49
Cognac Tint
Cognac Tint은(는) #A17B49: rgb(161 123 73), hsl(34 38% 46%), oklch(0.609 0.082 72.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cognac Tint color name →
#A17B49
oklch(0.609 0.082 72.8)
색상 변환
- HEX
- #a17b49
- RGB
- rgb(161 123 73)
- HSL
- hsl(34 38% 46%)
- HWB
- hwb(34 29% 37%)
- OKLCH
- oklch(0.609 0.082 72.8)
- OKLab
- oklab(0.609 0.024 0.078)
- CIE Lab
- lab(54.59 10.79 33.09)
- LCH
- lch(54.59 34.8 71.9)
- CMYK
- cmyk(0% 24% 55% 37%)
틴트 · 셰이드 · 톤
틴트
- AA885B
- B4956D
- BDA17F
- C6AE91
- D0BCA3
- D9C9B5
- E3D6C7
- ECE4DA
- F6F1EC
셰이드
- 8B6A3E
- 765A34
- 624A2A
- 4E3A20
- 3C2C17
- 2A1E0E
- 191006
- 090502
- 010100
톤
- 9E7C50
- 9B7C56
- 977D5C
- 947E61
- 917E67
- 8E7F6C
- 8A7F71
- 877F76
- 83807B
색 조화
보색 +180°
- A17B49
Cognac Tint
- 5F86B3
≈ Pacific Coast
유사색 -30° +30°
- A17B49
Cognac Tint
- AD725B
≈ Arizona Clay
- 8C8548
≈ Frog’s Legs
삼각 배색 +120° +240°
- A17B49
Cognac Tint
- 3D9290
≈ Blue Chill
- 9474A6
≈ Ce Soir
분열 보색 +150° +210°
- A17B49
Cognac Tint
- 448EA7
≈ Boston Blue
- 7C7DB3
≈ Astro Zinger
사각 배색 +90° +180° +270°
- A17B49
Cognac Tint
- 519275
≈ Deep Grass Green
- 5F86B3
≈ Pacific Coast
- A66F90
≈ Drama Queen
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.85:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.44:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--cognac-tint: #a17b49;
--cognac-tint-rgb: 161 123 73;
--cognac-tint-oklch: oklch(0.609 0.082 72.8);
}
.element {
color: var(--cognac-tint);
background-color: hsl(34 38% 46%);
border-color: oklch(0.609 0.082 72.8);
}Tailwind CSS v4
@theme {
--color-cognac-tint: #a17b49;
--color-cognac-tint-50: #fff2dc;
--color-cognac-tint-100: #f9e5ca;
--color-cognac-tint-200: #e9d0ae;
--color-cognac-tint-300: #d1b289;
--color-cognac-tint-400: #bc9767;
--color-cognac-tint-500: #a77d45;
--color-cognac-tint-600: #8d6a3b;
--color-cognac-tint-700: #71552f;
--color-cognac-tint-800: #543d21;
--color-cognac-tint-900: #3b2a16;
--color-cognac-tint-950: #251807;
}SCSS
$cognac-tint: #a17b49;
$cognac-tint-rgb: 161, 123, 73;
$cognac-tint-light: mix(#fff, $cognac-tint, 20%);
$cognac-tint-dark: mix(#000, $cognac-tint, 20%);
.element {
color: $cognac-tint;
box-shadow: 0 0 0 2px rgba($cognac-tint, 0.35);
}