Nazwany kolor · #AF6649
Rusty Gate
Rusty Gate to #AF6649: rgb(175 102 73), hsl(17 41% 49%), oklch(0.586 0.103 42.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rusty Gate color name →
#AF6649
oklch(0.586 0.103 42.1)
Konwersje koloru
- HEX
- #af6649
- RGB
- rgb(175 102 73)
- HSL
- hsl(17 41% 49%)
- HWB
- hwb(17 29% 31%)
- OKLCH
- oklch(0.586 0.103 42.1)
- OKLab
- oklab(0.586 0.077 0.069)
- CIE Lab
- lab(51.23 28.03 29.55)
- LCH
- lch(51.23 40.73 46.5)
- CMYK
- cmyk(0% 42% 58% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8755B
- C1846C
- C9937E
- D1A290
- D9B1A2
- E1C1B4
- E9D0C6
- F1E0D9
- F8EFEC
Odcienie ciemniejsze
- 98583E
- 814A34
- 6B3C2A
- 562F20
- 412317
- 2E170E
- 1C0C06
- 0B0402
- 010000
Tony
- AB694F
- A76C55
- A26F5B
- 9E7261
- 997466
- 95776B
- 907971
- 8B7C76
- 857E7B
Harmonie kolorów
Komplementarna +180°
- AF6649
Rusty Gate
- 1789A8
≈ Capri Breeze
Analogowa -30° +30°
- AF6649
Rusty Gate
- B0616B
≈ Cherry Kisses
- A1712D
≈ Hearth Gold
Triada +120° +240°
- AF6649
Rusty Gate
- 368F69
≈ Leprechaun
- 7374B8
≈ Wind Star
Komplementarna rozszczepiona +150° +210°
- AF6649
Rusty Gate
- 008E8B
≈ Corfu Shallows
- 4C7FB8
≈ Fisher King
Tetrada +90° +180° +270°
- AF6649
Rusty Gate
- 658946
≈ Homegrown
- 1789A8
≈ Capri Breeze
- 9169A8
≈ Amethyst Orchid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.35:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.81:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.81:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--rusty-gate: #af6649;
--rusty-gate-rgb: 175 102 73;
--rusty-gate-oklch: oklch(0.586 0.103 42.1);
}
.element {
color: var(--rusty-gate);
background-color: hsl(17 41% 49%);
border-color: oklch(0.586 0.103 42.1);
}Tailwind CSS v4
@theme {
--color-rusty-gate: #af6649;
--color-rusty-gate-50: #ffedde;
--color-rusty-gate-100: #ffdecc;
--color-rusty-gate-200: #fbc7b1;
--color-rusty-gate-300: #e5a78c;
--color-rusty-gate-400: #d28a6d;
--color-rusty-gate-500: #bf6d4d;
--color-rusty-gate-600: #a15d42;
--color-rusty-gate-700: #814a34;
--color-rusty-gate-800: #603526;
--color-rusty-gate-900: #442419;
--color-rusty-gate-950: #2b130a;
}SCSS
$rusty-gate: #af6649;
$rusty-gate-rgb: 175, 102, 73;
$rusty-gate-light: mix(#fff, $rusty-gate, 20%);
$rusty-gate-dark: mix(#000, $rusty-gate, 20%);
.element {
color: $rusty-gate;
box-shadow: 0 0 0 2px rgba($rusty-gate, 0.35);
}