Adlandırılmış renk · #C3C0B1
Biking Trail
Biking Trail, #C3C0B1: rgb(195 192 177), hsl(50 13% 73%), oklch(0.806 0.021 97.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Biking Trail color name →
#C3C0B1
oklch(0.806 0.021 97.6)
Renk dönüşümleri
- HEX
- #c3c0b1
- RGB
- rgb(195 192 177)
- HSL
- hsl(50 13% 73%)
- HWB
- hwb(50 69% 24%)
- OKLCH
- oklch(0.806 0.021 97.6)
- OKLab
- oklab(0.806 -0.003 0.021)
- CIE Lab
- lab(77.64 -0.87 7.98)
- LCH
- lch(77.64 8.03 96.2)
- CMYK
- cmyk(0% 2% 9% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C9C6B9
- CFCCC0
- D5D3C8
- DBD9D0
- E1DFD7
- E7E5DF
- EDECE7
- F3F2EF
- F9F9F7
Koyu tonlar
- A9A799
- 908E83
- 78766C
- 605F57
- 4A4942
- 34342F
- 20201C
- 0E0E0C
- 020201
Gri tonlar
- BCB9AC
- B5B3A7
- AEACA2
- A8A69D
- A19F98
- 9A9993
- 94938E
- 8D8C8A
- 868685
Renk uyumları
Tamamlayıcı +180°
- C3C0B1
Biking Trail
- BCBFCD
≈ Starlight
Analog -30° +30°
- C3C0B1
Biking Trail
- C9BDB2
≈ Kitty Kitty
- BCC2B4
≈ Seaside Fog
Üçlü +120° +240°
- C3C0B1
Biking Trail
- B1C3C9
≈ Yín Sè Silver
- C9BBC4
≈ Hazy Iris
Bölünmüş tamamlayıcı +150° +210°
- C3C0B1
Biking Trail
- B5C1CD
≈ Pre School
- C3BCCA
≈ Gentleman’s Suit
Dörtlü +90° +180° +270°
- C3C0B1
Biking Trail
- B1C4C2
≈ Jungle Mist
- BCBFCD
≈ Starlight
- CDBABD
≈ Pink Polar
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.82:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.49:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.49:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--biking-trail: #c3c0b1;
--biking-trail-rgb: 195 192 177;
--biking-trail-oklch: oklch(0.806 0.021 97.6);
}
.element {
color: var(--biking-trail);
background-color: hsl(50 13% 73%);
border-color: oklch(0.806 0.021 97.6);
}Tailwind CSS v4
@theme {
--color-biking-trail: #c3c0b1;
--color-biking-trail-50: #f6f5ef;
--color-biking-trail-100: #e9e8e0;
--color-biking-trail-200: #d6d5cb;
--color-biking-trail-300: #bab8ac;
--color-biking-trail-400: #a19f91;
--color-biking-trail-500: #8a8777;
--color-biking-trail-600: #747265;
--color-biking-trail-700: #5d5b51;
--color-biking-trail-800: #44423a;
--color-biking-trail-900: #2f2e28;
--color-biking-trail-950: #1c1b16;
}SCSS
$biking-trail: #c3c0b1;
$biking-trail-rgb: 195, 192, 177;
$biking-trail-light: mix(#fff, $biking-trail, 20%);
$biking-trail-dark: mix(#000, $biking-trail, 20%);
.element {
color: $biking-trail;
box-shadow: 0 0 0 2px rgba($biking-trail, 0.35);
}