Nazwany kolor · #A17B49
Cognac Tint
Cognac Tint to #A17B49: rgb(161 123 73), hsl(34 38% 46%), oklch(0.609 0.082 72.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Cognac Tint color name →
#A17B49
oklch(0.609 0.082 72.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AA885B
- B4956D
- BDA17F
- C6AE91
- D0BCA3
- D9C9B5
- E3D6C7
- ECE4DA
- F6F1EC
Odcienie ciemniejsze
- 8B6A3E
- 765A34
- 624A2A
- 4E3A20
- 3C2C17
- 2A1E0E
- 191006
- 090502
- 010100
Tony
- 9E7C50
- 9B7C56
- 977D5C
- 947E61
- 917E67
- 8E7F6C
- 8A7F71
- 877F76
- 83807B
Harmonie kolorów
Komplementarna +180°
- A17B49
Cognac Tint
- 5F86B3
≈ Pacific Coast
Analogowa -30° +30°
- A17B49
Cognac Tint
- AD725B
≈ Arizona Clay
- 8C8548
≈ Frog’s Legs
Triada +120° +240°
- A17B49
Cognac Tint
- 3D9290
≈ Blue Chill
- 9474A6
≈ Ce Soir
Komplementarna rozszczepiona +150° +210°
- A17B49
Cognac Tint
- 448EA7
≈ Boston Blue
- 7C7DB3
≈ Astro Zinger
Tetrada +90° +180° +270°
- A17B49
Cognac Tint
- 519275
≈ Deep Grass Green
- 5F86B3
≈ Pacific Coast
- A66F90
≈ Drama Queen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.85:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.44:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
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);
}