Adlandırılmış renk · #A89A8E
Cobblestone
Cobblestone, #A89A8E: rgb(168 154 142), hsl(28 13% 61%), oklch(0.695 0.024 63.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cobblestone color name →
#A89A8E
oklch(0.695 0.024 63.1)
Renk dönüşümleri
- HEX
- #a89a8e
- RGB
- rgb(168 154 142)
- HSL
- hsl(28 13% 61%)
- HWB
- hwb(28 56% 34%)
- OKLCH
- oklch(0.695 0.024 63.1)
- OKLab
- oklab(0.695 0.011 0.021)
- CIE Lab
- lab(64.58 3.79 8.28)
- LCH
- lch(64.58 9.11 65.4)
- CMYK
- cmyk(0% 8% 15% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B0A499
- B9ADA4
- C1B7AF
- CAC1BA
- D3CBC5
- DCD6D0
- E4E0DC
- EDEAE8
- F6F5F3
Koyu tonlar
- 92857B
- 7C7168
- 675E56
- 524B44
- 3F3934
- 2C2724
- 1A1715
- 0A0907
- 010101
Gri tonlar
- A4978D
- A0958B
- 9C928A
- 989088
- 948D87
- 908A86
- 8C8884
- 888583
- 848381
Renk uyumları
Tamamlayıcı +180°
- A89A8E
Cobblestone
- 919FAB
≈ Frilled Shark
Analog -30° +30°
- A89A8E
Cobblestone
- AB9893
≈ Monkeypod
- A29D8D
≈ Sacred Vortex
Üçlü +120° +240°
- A89A8E
Cobblestone
- 8DA29E
≈ October Sky
- A09AA9
≈ Lavender Aura
Bölünmüş tamamlayıcı +150° +210°
- A89A8E
Cobblestone
- 8DA1A6
≈ Iron Earth
- 989CAC
≈ Wet Asphalt
Dörtlü +90° +180° +270°
- A89A8E
Cobblestone
- 92A196
≈ Verdant Retreat
- 919FAB
≈ Frilled Shark
- A698A3
≈ Mystique
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.73:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.67:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.67:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--cobblestone: #a89a8e;
--cobblestone-rgb: 168 154 142;
--cobblestone-oklch: oklch(0.695 0.024 63.1);
}
.element {
color: var(--cobblestone);
background-color: hsl(28 13% 61%);
border-color: oklch(0.695 0.024 63.1);
}Tailwind CSS v4
@theme {
--color-cobblestone: #a89a8e;
--color-cobblestone-50: #faf4ee;
--color-cobblestone-100: #eee6e0;
--color-cobblestone-200: #dcd2ca;
--color-cobblestone-300: #c0b5ab;
--color-cobblestone-400: #a99c90;
--color-cobblestone-500: #928376;
--color-cobblestone-600: #7b6f64;
--color-cobblestone-700: #635950;
--color-cobblestone-800: #49413a;
--color-cobblestone-900: #322d28;
--color-cobblestone-950: #1e1a16;
}SCSS
$cobblestone: #a89a8e;
$cobblestone-rgb: 168, 154, 142;
$cobblestone-light: mix(#fff, $cobblestone, 20%);
$cobblestone-dark: mix(#000, $cobblestone, 20%);
.element {
color: $cobblestone;
box-shadow: 0 0 0 2px rgba($cobblestone, 0.35);
}