En yakın adlandırılmış renk · #A09B87
#A09B87
En yakın adlandırılmış renk: Knock on Wood
#A09B87 (rgb(160 155 135), hsl(48 12% 58%), oklch(0.688 0.029 95.5)) en çok Knock on Wood adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A09B87
oklch(0.688 0.029 95.5)
Renk dönüşümleri
- HEX
- #a09b87
- RGB
- rgb(160 155 135)
- HSL
- hsl(48 12% 58%)
- HWB
- hwb(48 53% 37%)
- OKLCH
- oklch(0.688 0.029 95.5)
- OKLab
- oklab(0.688 -0.003 0.029)
- CIE Lab
- lab(63.99 -0.72 11.22)
- LCH
- lch(63.99 11.24 93.7)
- CMYK
- cmyk(0% 3% 16% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A9A592
- B2AE9E
- BCB8AA
- C5C2B6
- CECCC2
- D8D6CE
- E2E0DA
- EBEAE6
- F5F5F2
Koyu tonlar
- 8B8675
- 767263
- 615E51
- 4E4B41
- 3B3931
- 292821
- 191813
- 090906
- 010101
Gri tonlar
- 9D9886
- 999686
- 969385
- 939084
- 908D84
- 8D8B83
- 898882
- 868582
- 838381
Renk uyumları
Tamamlayıcı +180°
- A09B87
Knock on Wood
- 959AAD
≈ Bright Manatee
Analog -30° +30°
- A09B87
Knock on Wood
- A89888
≈ Kiln Dried
- 969E8B
≈ Charcoal Tint
Üçlü +120° +240°
- A09B87
Knock on Wood
- 87A0A6
≈ Symphony of Blue
- A794A2
≈ Metamorphosis
Bölünmüş tamamlayıcı +150° +210°
- A09B87
Knock on Wood
- 8D9DAC
≈ Atom Blue
- 9F97AA
≈ Lavender Aura
Dörtlü +90° +180° +270°
- A09B87
Knock on Wood
- 87A19D
≈ Meek Moss Green
- 959AAD
≈ Bright Manatee
- AB9498
≈ Persian Pastel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.53:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--knock-on-wood: #a09b87;
--knock-on-wood-rgb: 160 155 135;
--knock-on-wood-oklch: oklch(0.688 0.029 95.5);
}
.element {
color: var(--knock-on-wood);
background-color: hsl(48 12% 58%);
border-color: oklch(0.688 0.029 95.5);
}Tailwind CSS v4
@theme {
--color-knock-on-wood: #a09b87;
--color-knock-on-wood-50: #f7f5ec;
--color-knock-on-wood-100: #eae8dd;
--color-knock-on-wood-200: #d7d5c7;
--color-knock-on-wood-300: #bbb8a7;
--color-knock-on-wood-400: #a39f8c;
--color-knock-on-wood-500: #8c8671;
--color-knock-on-wood-600: #767260;
--color-knock-on-wood-700: #5f5b4c;
--color-knock-on-wood-800: #464237;
--color-knock-on-wood-900: #302e26;
--color-knock-on-wood-950: #1c1b14;
}SCSS
$knock-on-wood: #a09b87;
$knock-on-wood-rgb: 160, 155, 135;
$knock-on-wood-light: mix(#fff, $knock-on-wood, 20%);
$knock-on-wood-dark: mix(#000, $knock-on-wood, 20%);
.element {
color: $knock-on-wood;
box-shadow: 0 0 0 2px rgba($knock-on-wood, 0.35);
}