Adlandırılmış renk · #A99F96
Simmering Smoke
Simmering Smoke, #A99F96: rgb(169 159 150), hsl(28 10% 63%), oklch(0.708 0.017 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? → · Simmering Smoke color name →
#A99F96
oklch(0.708 0.017 64.6)
Renk dönüşümleri
- HEX
- #a99f96
- RGB
- rgb(169 159 150)
- HSL
- hsl(28 10% 63%)
- HWB
- hwb(28 59% 34%)
- OKLCH
- oklch(0.708 0.017 64.6)
- OKLab
- oklab(0.708 0.007 0.016)
- CIE Lab
- lab(66.16 2.58 6.09)
- LCH
- lch(66.16 6.61 67)
- CMYK
- cmyk(0% 6% 11% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B1A8A0
- BAB2AA
- C2BBB4
- CBC4BF
- D3CEC9
- DCD8D4
- E5E1DE
- EDEBE9
- F6F5F4
Koyu tonlar
- 928A82
- 7C756E
- 67615B
- 534D49
- 3F3B37
- 2C2926
- 1B1816
- 0A0908
- 010101
Gri tonlar
- A59C94
- A19992
- 9D968F
- 98928D
- 948F8B
- 908C89
- 8C8987
- 888684
- 848382
Renk uyumları
Tamamlayıcı +180°
- A99F96
Simmering Smoke
- 98A2AB
≈ Rough Stone
Analog -30° +30°
- A99F96
Simmering Smoke
- AC9D9A
≈ Stellar Mist
- A4A195
≈ Tin Man
Üçlü +120° +240°
- A99F96
Simmering Smoke
- 96A5A2
≈ Galway Bay
- A39EAA
≈ Indolence
Bölünmüş tamamlayıcı +150° +210°
- A99F96
Simmering Smoke
- 95A4A8
≈ Dusty Sky
- 9DA0AC
≈ Amethyst Haze
Dörtlü +90° +180° +270°
- A99F96
Simmering Smoke
- 99A49C
≈ Olive Soap
- 98A2AB
≈ Rough Stone
- A89DA5
≈ Laylock
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.59:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.08:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.08:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--simmering-smoke: #a99f96;
--simmering-smoke-rgb: 169 159 150;
--simmering-smoke-oklch: oklch(0.708 0.017 64.6);
}
.element {
color: var(--simmering-smoke);
background-color: hsl(28 10% 63%);
border-color: oklch(0.708 0.017 64.6);
}Tailwind CSS v4
@theme {
--color-simmering-smoke: #a99f96;
--color-simmering-smoke-50: #f9f4f0;
--color-simmering-smoke-100: #ece7e2;
--color-simmering-smoke-200: #d9d3cd;
--color-simmering-smoke-300: #beb6ae;
--color-simmering-smoke-400: #a69d94;
--color-simmering-smoke-500: #8f847a;
--color-simmering-smoke-600: #797068;
--color-simmering-smoke-700: #615953;
--color-simmering-smoke-800: #47413c;
--color-simmering-smoke-900: #312d29;
--color-simmering-smoke-950: #1d1a17;
}SCSS
$simmering-smoke: #a99f96;
$simmering-smoke-rgb: 169, 159, 150;
$simmering-smoke-light: mix(#fff, $simmering-smoke, 20%);
$simmering-smoke-dark: mix(#000, $simmering-smoke, 20%);
.element {
color: $simmering-smoke;
box-shadow: 0 0 0 2px rgba($simmering-smoke, 0.35);
}