Nazwany kolor · #A29682
Bridle Path
Bridle Path to #A29682: rgb(162 150 130), hsl(38 15% 57%), oklch(0.678 0.032 80.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Bridle Path color name →
#A29682
oklch(0.678 0.032 80.6)
Konwersje koloru
- HEX
- #a29682
- RGB
- rgb(162 150 130)
- HSL
- hsl(38 15% 57%)
- HWB
- hwb(38 51% 36%)
- OKLCH
- oklch(0.678 0.032 80.6)
- OKLab
- oklab(0.678 0.005 0.031)
- CIE Lab
- lab(62.72 2.07 12.28)
- LCH
- lch(62.72 12.45 80.4)
- CMYK
- cmyk(0% 7% 20% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABA08E
- B4AA9A
- BDB4A6
- C6BFB2
- D0C9BF
- D9D4CB
- E2DFD8
- ECE9E5
- F5F4F2
Odcienie ciemniejsze
- 8C8270
- 776E5F
- 635B4E
- 4F493E
- 3C372F
- 2A2620
- 191612
- 0A0806
- 010101
Tony
- 9F9482
- 9B9282
- 988F82
- 948D81
- 918B81
- 8D8981
- 8A8781
- 878481
- 838280
Harmonie kolorów
Komplementarna +180°
- A29682
Bridle Path
- 8D98AC
≈ Moon Veil
Analogowa -30° +30°
- A29682
Bridle Path
- A99386
≈ Silent Sands
- 989A84
≈ Green Onyx
Triada +120° +240°
- A29682
Bridle Path
- 819EA0
≈ Laid-Back Blue
- A192A4
≈ Fields of Provence
Komplementarna rozszczepiona +150° +210°
- A29682
Bridle Path
- 849CA8
≈ Bali Hai
- 9795AA
≈ Purple Surf
Tetrada +90° +180° +270°
- A29682
Bridle Path
- 859E95
≈ Padded Leaf
- 8D98AC
≈ Moon Veil
- A8909A
≈ Nirvana
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.90:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.22:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.22:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--bridle-path: #a29682;
--bridle-path-rgb: 162 150 130;
--bridle-path-oklch: oklch(0.678 0.032 80.6);
}
.element {
color: var(--bridle-path);
background-color: hsl(38 15% 57%);
border-color: oklch(0.678 0.032 80.6);
}Tailwind CSS v4
@theme {
--color-bridle-path: #a29682;
--color-bridle-path-50: #faf4eb;
--color-bridle-path-100: #ede7dc;
--color-bridle-path-200: #dbd3c5;
--color-bridle-path-300: #bfb6a5;
--color-bridle-path-400: #a89d8a;
--color-bridle-path-500: #91846f;
--color-bridle-path-600: #7b705e;
--color-bridle-path-700: #625a4b;
--color-bridle-path-800: #484136;
--color-bridle-path-900: #322d25;
--color-bridle-path-950: #1e1a14;
}SCSS
$bridle-path: #a29682;
$bridle-path-rgb: 162, 150, 130;
$bridle-path-light: mix(#fff, $bridle-path, 20%);
$bridle-path-dark: mix(#000, $bridle-path, 20%);
.element {
color: $bridle-path;
box-shadow: 0 0 0 2px rgba($bridle-path, 0.35);
}