Nazwany kolor · #C3B9A6
Dusty Trail Rider
Dusty Trail Rider to #C3B9A6: rgb(195 185 166), hsl(39 19% 71%), oklch(0.789 0.029 83.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Dusty Trail Rider color name →
#C3B9A6
oklch(0.789 0.029 83.5)
Konwersje koloru
- HEX
- #c3b9a6
- RGB
- rgb(195 185 166)
- HSL
- hsl(39 19% 71%)
- HWB
- hwb(39 65% 24%)
- OKLCH
- oklch(0.789 0.029 83.5)
- OKLab
- oklab(0.789 0.003 0.028)
- CIE Lab
- lab(75.6 1.28 11.02)
- LCH
- lch(75.6 11.09 83.4)
- CMYK
- cmyk(0% 5% 15% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9C0AF
- CFC7B7
- D5CEC0
- DBD5C9
- E1DCD2
- E7E3DB
- EDEAE4
- F3F1ED
- F9F8F6
Odcienie ciemniejsze
- A9A090
- 90897A
- 787165
- 605B51
- 4A463E
- 34312B
- 201E1A
- 0E0D0A
- 020201
Tony
- BCB3A2
- B5AD9E
- AEA89B
- A8A297
- A19C93
- 9A968F
- 94918B
- 8D8B88
- 868684
Harmonie kolorów
Komplementarna +180°
- C3B9A6
Dusty Trail Rider
- B1BBCD
≈ Heritage
Analogowa -30° +30°
- C3B9A6
Dusty Trail Rider
- CAB6AA
≈ Boardwalk Sashay
- BABDA8
≈ Softened Green
Triada +120° +240°
- C3B9A6
Dusty Trail Rider
- A6C0C2
≈ Wild Life
- C4B4C5
≈ Pink Bravado
Komplementarna rozszczepiona +150° +210°
- C3B9A6
Dusty Trail Rider
- A9BECA
≈ Peace River
- BBB7CB
≈ Wedding Flowers
Tetrada +90° +180° +270°
- C3B9A6
Dusty Trail Rider
- A8C0B8
≈ Harbour Grey
- B1BBCD
≈ Heritage
- CAB3BB
≈ Candlelight Dinner
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.94:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.81:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--dusty-trail-rider: #c3b9a6;
--dusty-trail-rider-rgb: 195 185 166;
--dusty-trail-rider-oklch: oklch(0.789 0.029 83.5);
}
.element {
color: var(--dusty-trail-rider);
background-color: hsl(39 19% 71%);
border-color: oklch(0.789 0.029 83.5);
}Tailwind CSS v4
@theme {
--color-dusty-trail-rider: #c3b9a6;
--color-dusty-trail-rider-50: #f9f5ec;
--color-dusty-trail-rider-100: #ece7dd;
--color-dusty-trail-rider-200: #dad4c7;
--color-dusty-trail-rider-300: #beb7a7;
--color-dusty-trail-rider-400: #a79d8c;
--color-dusty-trail-rider-500: #8f8571;
--color-dusty-trail-rider-600: #797060;
--color-dusty-trail-rider-700: #615a4c;
--color-dusty-trail-rider-800: #474237;
--color-dusty-trail-rider-900: #312d26;
--color-dusty-trail-rider-950: #1d1a14;
}SCSS
$dusty-trail-rider: #c3b9a6;
$dusty-trail-rider-rgb: 195, 185, 166;
$dusty-trail-rider-light: mix(#fff, $dusty-trail-rider, 20%);
$dusty-trail-rider-dark: mix(#000, $dusty-trail-rider, 20%);
.element {
color: $dusty-trail-rider;
box-shadow: 0 0 0 2px rgba($dusty-trail-rider, 0.35);
}