Nazwany kolor · #A6847B
South Rim Trail
South Rim Trail to #A6847B: rgb(166 132 123), hsl(13 19% 57%), oklch(0.643 0.044 35.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · South Rim Trail color name →
#A6847B
oklch(0.643 0.044 35.3)
Konwersje koloru
- HEX
- #a6847b
- RGB
- rgb(166 132 123)
- HSL
- hsl(13 19% 57%)
- HWB
- hwb(13 48% 35%)
- OKLCH
- oklch(0.643 0.044 35.3)
- OKLab
- oklab(0.643 0.036 0.025)
- CIE Lab
- lab(58.25 12.42 10.09)
- LCH
- lch(58.25 16 39.1)
- CMYK
- cmyk(0% 20% 26% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AF9087
- B89C94
- C1A8A1
- C9B4AE
- D2C0BB
- DBCCC8
- E4D9D6
- EDE5E3
- F6F2F1
Odcienie ciemniejsze
- 90726A
- 7A605A
- 654F4A
- 513F3A
- 3E2F2C
- 2B201E
- 1A1210
- 0A0605
- 010101
Tony
- A2847C
- 9F837C
- 9B837D
- 97837D
- 93827E
- 90827E
- 8C817F
- 88817F
- 848080
Harmonie kolorów
Komplementarna +180°
- A6847B
South Rim Trail
- 6E949E
≈ Silk Khimar
Analogowa -30° +30°
- A6847B
South Rim Trail
- A58289
≈ Evening Shadow
- A08871
≈ Terrazzo Brown
Triada +120° +240°
- A6847B
South Rim Trail
- 789582
≈ Fish Camp Woods
- 858BA8
≈ Violet Aura
Komplementarna rozszczepiona +150° +210°
- A6847B
South Rim Trail
- 6F9691
≈ Pale Verdigris
- 7790A7
≈ Cabaret Charm
Tetrada +90° +180° +270°
- A6847B
South Rim Trail
- 879275
≈ Catalina Green
- 6E949E
≈ Silk Khimar
- 9387A3
≈ Hatoba Pigeon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.38:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.20:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.20:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--south-rim-trail: #a6847b;
--south-rim-trail-rgb: 166 132 123;
--south-rim-trail-oklch: oklch(0.643 0.044 35.3);
}
.element {
color: var(--south-rim-trail);
background-color: hsl(13 19% 57%);
border-color: oklch(0.643 0.044 35.3);
}Tailwind CSS v4
@theme {
--color-south-rim-trail: #a6847b;
--color-south-rim-trail-50: #fff1ec;
--color-south-rim-trail-100: #f6e3de;
--color-south-rim-trail-200: #e6cec7;
--color-south-rim-trail-300: #cdb0a8;
--color-south-rim-trail-400: #b7968d;
--color-south-rim-trail-500: #a17c72;
--color-south-rim-trail-600: #886961;
--color-south-rim-trail-700: #6d544d;
--color-south-rim-trail-800: #513d39;
--color-south-rim-trail-900: #382a27;
--color-south-rim-trail-950: #231715;
}SCSS
$south-rim-trail: #a6847b;
$south-rim-trail-rgb: 166, 132, 123;
$south-rim-trail-light: mix(#fff, $south-rim-trail, 20%);
$south-rim-trail-dark: mix(#000, $south-rim-trail, 20%);
.element {
color: $south-rim-trail;
box-shadow: 0 0 0 2px rgba($south-rim-trail, 0.35);
}