Adlandırılmış renk · #A79A8A
Warm Stone
Warm Stone, #A79A8A: rgb(167 154 138), hsl(33 14% 60%), oklch(0.693 0.027 73.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? → · Warm Stone color name →
#A79A8A
oklch(0.693 0.027 73.1)
Renk dönüşümleri
- HEX
- #a79a8a
- RGB
- rgb(167 154 138)
- HSL
- hsl(33 14% 60%)
- HWB
- hwb(33 54% 35%)
- OKLCH
- oklch(0.693 0.027 73.1)
- OKLab
- oklab(0.693 0.008 0.026)
- CIE Lab
- lab(64.41 2.92 10.25)
- LCH
- lch(64.41 10.66 74.1)
- CMYK
- cmyk(0% 8% 17% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B0A495
- B8ADA0
- C1B7AC
- C9C1B7
- D2CBC3
- DBD6CF
- E4E0DB
- EDEAE7
- F6F5F3
Koyu tonlar
- 918577
- 7B7165
- 665E53
- 524B42
- 3E3932
- 2C2722
- 1A1714
- 0A0907
- 010101
Gri tonlar
- A39789
- 9F9588
- 9B9287
- 979086
- 938D85
- 8F8A84
- 8C8883
- 888582
- 848381
Renk uyumları
Tamamlayıcı +180°
- A79A8A
Warm Stone
- 919EAD
≈ Blue Heeler
Analog -30° +30°
- A79A8A
Warm Stone
- AC978F
≈ Putty Pearl
- 9F9D8A
≈ Milk Thistle
Üçlü +120° +240°
- A79A8A
Warm Stone
- 89A2A1
≈ Venus Teal
- A298A9
≈ Lavender Aura
Bölünmüş tamamlayıcı +150° +210°
- A79A8A
Warm Stone
- 8BA0A9
≈ Symphony of Blue
- 999AAD
≈ Machinery
Dörtlü +90° +180° +270°
- A79A8A
Warm Stone
- 8EA297
≈ Morning Blue
- 919EAD
≈ Blue Heeler
- A996A1
≈ Metamorphosis
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.75:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.63:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.63:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--warm-stone: #a79a8a;
--warm-stone-rgb: 167 154 138;
--warm-stone-oklch: oklch(0.693 0.027 73.1);
}
.element {
color: var(--warm-stone);
background-color: hsl(33 14% 60%);
border-color: oklch(0.693 0.027 73.1);
}Tailwind CSS v4
@theme {
--color-warm-stone: #a79a8a;
--color-warm-stone-50: #faf4ed;
--color-warm-stone-100: #ede7de;
--color-warm-stone-200: #dbd3c8;
--color-warm-stone-300: #c0b6a8;
--color-warm-stone-400: #a99c8d;
--color-warm-stone-500: #928473;
--color-warm-stone-600: #7b7061;
--color-warm-stone-700: #63594d;
--color-warm-stone-800: #494138;
--color-warm-stone-900: #322d26;
--color-warm-stone-950: #1e1a15;
}SCSS
$warm-stone: #a79a8a;
$warm-stone-rgb: 167, 154, 138;
$warm-stone-light: mix(#fff, $warm-stone, 20%);
$warm-stone-dark: mix(#000, $warm-stone, 20%);
.element {
color: $warm-stone;
box-shadow: 0 0 0 2px rgba($warm-stone, 0.35);
}