Nazwany kolor · #6B6662
Trail Print
Trail Print to #6B6662: rgb(107 102 98), hsl(27 4% 40%), oklch(0.514 0.009 61.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Trail Print color name →
#6B6662
oklch(0.514 0.009 61.3)
Konwersje koloru
- HEX
- #6b6662
- RGB
- rgb(107 102 98)
- HSL
- hsl(27 4% 40%)
- HWB
- hwb(27 38% 58%)
- OKLCH
- oklch(0.514 0.009 61.3)
- OKLab
- oklab(0.514 0.004 0.008)
- CIE Lab
- lab(43.56 1.45 3.01)
- LCH
- lch(43.56 3.34 64.2)
- CMYK
- cmyk(0% 5% 8% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 797470
- 87827F
- 95918E
- A3A09E
- B2AFAD
- C1BFBD
- D0CFCD
- E0DEDE
- EFEFEE
Odcienie ciemniejsze
- 5C5854
- 4E4A47
- 3F3C3A
- 322F2D
- 252321
- 181716
- 0D0C0B
- 040403
- 000000
Tony
- 6D6965
- 6F6B68
- 716E6B
- 73706E
- 757371
- 787574
- 7A7877
- 7C7B7A
- 7E7D7D
Harmonie kolorów
Komplementarna +180°
- 6B6662
Trail Print
- 63686C
≈ Equinox
Analogowa -30° +30°
- 6B6662
Trail Print
- 6C6564
≈ Folkstone
- 696761
≈ Storm Warning
Triada +120° +240°
- 6B6662
Trail Print
- 626967
≈ Dark Pewter
- 68666B
≈ Cracked Slate
Komplementarna rozszczepiona +150° +210°
- 6B6662
Trail Print
- 62696A
≈ Equinox
- 65676C
≈ Thames Dusk
Tetrada +90° +180° +270°
- 6B6662
Trail Print
- 646964
≈ Fade to Black
- 63686C
≈ Equinox
- 6A6569
≈ Cracked Slate
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.67:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.70:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.67:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--trail-print: #6b6662;
--trail-print-rgb: 107 102 98;
--trail-print-oklch: oklch(0.514 0.009 61.3);
}
.element {
color: var(--trail-print);
background-color: hsl(27 4% 40%);
border-color: oklch(0.514 0.009 61.3);
}Tailwind CSS v4
@theme {
--color-trail-print: #6b6662;
--color-trail-print-50: #f7f5f2;
--color-trail-print-100: #eae7e5;
--color-trail-print-200: #d7d3d0;
--color-trail-print-300: #bbb6b3;
--color-trail-print-400: #a29d99;
--color-trail-print-500: #8b8580;
--color-trail-print-600: #75706d;
--color-trail-print-700: #5e5a57;
--color-trail-print-800: #45423f;
--color-trail-print-900: #302d2c;
--color-trail-print-950: #1c1a19;
}SCSS
$trail-print: #6b6662;
$trail-print-rgb: 107, 102, 98;
$trail-print-light: mix(#fff, $trail-print, 20%);
$trail-print-dark: mix(#000, $trail-print, 20%);
.element {
color: $trail-print;
box-shadow: 0 0 0 2px rgba($trail-print, 0.35);
}