Adlandırılmış renk · #A0968D
Pebbled Path
Pebbled Path, #A0968D: rgb(160 150 141), hsl(28 9% 59%), oklch(0.679 0.018 64.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? → · Pebbled Path color name →
#A0968D
oklch(0.679 0.018 64.6)
Renk dönüşümleri
- HEX
- #a0968d
- RGB
- rgb(160 150 141)
- HSL
- hsl(28 9% 59%)
- HWB
- hwb(28 55% 37%)
- OKLCH
- oklch(0.679 0.018 64.6)
- OKLab
- oklab(0.679 0.008 0.016)
- CIE Lab
- lab(62.76 2.62 6.16)
- LCH
- lch(62.76 6.69 66.9)
- CMYK
- cmyk(0% 6% 12% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A9A098
- B2AAA3
- BCB4AE
- C5BFB9
- CFC9C5
- D8D4D0
- E2DEDC
- EBE9E7
- F5F4F3
Koyu tonlar
- 8B827A
- 766E67
- 615B55
- 4E4944
- 3B3733
- 292623
- 191614
- 090807
- 010101
Gri tonlar
- 9D948C
- 9A928A
- 968F89
- 938D88
- 908B87
- 8D8985
- 8A8784
- 868483
- 838281
Renk uyumları
Tamamlayıcı +180°
- A0968D
Pebbled Path
- 8F99A2
≈ Overcast Day
Analog -30° +30°
- A0968D
Pebbled Path
- A29491
≈ Fall Heliotrope
- 9B988C
≈ London Fog
Üçlü +120° +240°
- A0968D
Pebbled Path
- 8D9C99
≈ Singing in the Rain
- 9A95A1
≈ Emperor’s Robe
Bölünmüş tamamlayıcı +150° +210°
- A0968D
Pebbled Path
- 8C9B9F
≈ Grey Flannel
- 9497A3
≈ Time Warp
Dörtlü +90° +180° +270°
- A0968D
Pebbled Path
- 909B93
≈ Tranquillity
- 8F99A2
≈ Overcast Day
- 9F949C
≈ Hidcote
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.89:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.24:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.24:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--pebbled-path: #a0968d;
--pebbled-path-rgb: 160 150 141;
--pebbled-path-oklch: oklch(0.679 0.018 64.6);
}
.element {
color: var(--pebbled-path);
background-color: hsl(28 9% 59%);
border-color: oklch(0.679 0.018 64.6);
}Tailwind CSS v4
@theme {
--color-pebbled-path: #a0968d;
--color-pebbled-path-50: #f9f4f0;
--color-pebbled-path-100: #ece7e2;
--color-pebbled-path-200: #dad3cc;
--color-pebbled-path-300: #beb6ae;
--color-pebbled-path-400: #a69c94;
--color-pebbled-path-500: #8f847a;
--color-pebbled-path-600: #797068;
--color-pebbled-path-700: #615953;
--color-pebbled-path-800: #47413c;
--color-pebbled-path-900: #312d29;
--color-pebbled-path-950: #1d1a17;
}SCSS
$pebbled-path: #a0968d;
$pebbled-path-rgb: 160, 150, 141;
$pebbled-path-light: mix(#fff, $pebbled-path, 20%);
$pebbled-path-dark: mix(#000, $pebbled-path, 20%);
.element {
color: $pebbled-path;
box-shadow: 0 0 0 2px rgba($pebbled-path, 0.35);
}