Nazwany kolor · #C6AA2B
Hippie Trail
Hippie Trail to #C6AA2B: rgb(198 170 43), hsl(49 64% 47%), oklch(0.742 0.14 95.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Hippie Trail color name →
#C6AA2B
oklch(0.742 0.14 95.8)
Konwersje koloru
- HEX
- #c6aa2b
- RGB
- rgb(198 170 43)
- HSL
- hsl(49 64% 47%)
- HWB
- hwb(49 17% 22%)
- OKLCH
- oklch(0.742 0.14 95.8)
- OKLab
- oklab(0.742 -0.014 0.139)
- CIE Lab
- lab(70.54 1.26 63.86)
- LCH
- lch(70.54 63.87 88.9)
- CMYK
- cmyk(0% 14% 78% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCB34A
- D1BB63
- D7C478
- DCCC8D
- E2D5A0
- E8DDB4
- EDE6C7
- F3EED9
- F9F7EC
Odcienie ciemniejsze
- AC9324
- 927D1D
- 7A6816
- 625310
- 4B3F0A
- 352D05
- 211B02
- 0E0B01
- 020100
Tony
- BFA63C
- B8A249
- B09E53
- A99A5C
- A29663
- 9B916A
- 948D70
- 8D8976
- 87847B
Harmonie kolorów
Komplementarna +180°
- C6AA2B
Hippie Trail
- 94A3FF
≈ Widowmaker
Analogowa -30° +30°
- C6AA2B
Hippie Trail
- E6973C
≈ Roasted Chestnut
- 96BB51
≈ Early Spring
Triada +120° +240°
- C6AA2B
Hippie Trail
- 00BFE0
≈ Caribbean Blue
- E287CD
≈ Blushed Bombshell
Komplementarna rozszczepiona +150° +210°
- C6AA2B
Hippie Trail
- 56B3FE
≈ Tiān Lán Sky
- C193F1
≈ Luminous Lavender
Tetrada +90° +180° +270°
- C6AA2B
Hippie Trail
- 00C5B7
≈ Amazonite
- 94A3FF
≈ Widowmaker
- F4839E
≈ Pink Sherbet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.28:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.18:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--hippie-trail: #c6aa2b;
--hippie-trail-rgb: 198 170 43;
--hippie-trail-oklch: oklch(0.742 0.14 95.8);
}
.element {
color: var(--hippie-trail);
background-color: hsl(49 64% 47%);
border-color: oklch(0.742 0.14 95.8);
}Tailwind CSS v4
@theme {
--color-hippie-trail: #c6aa2b;
--color-hippie-trail-50: #fff6c9;
--color-hippie-trail-100: #f4e9b3;
--color-hippie-trail-200: #e4d58f;
--color-hippie-trail-300: #cbb85f;
--color-hippie-trail-400: #b79d25;
--color-hippie-trail-500: #a28300;
--color-hippie-trail-600: #896f00;
--color-hippie-trail-700: #6e5900;
--color-hippie-trail-800: #534000;
--color-hippie-trail-900: #3a2c00;
--color-hippie-trail-950: #241900;
}SCSS
$hippie-trail: #c6aa2b;
$hippie-trail-rgb: 198, 170, 43;
$hippie-trail-light: mix(#fff, $hippie-trail, 20%);
$hippie-trail-dark: mix(#000, $hippie-trail, 20%);
.element {
color: $hippie-trail;
box-shadow: 0 0 0 2px rgba($hippie-trail, 0.35);
}